Topics

SolidJS•14mo ago

Why do keyframes not work in <styled> in SolidJS

I have loader component: https://github.com/nikitavoloboev/kuskus/blob/main/src/components/Loader.tsx

GitHub

kuskus/Loader.tsx at main · nikitavoloboev/kuskus

Fast fully keyboard driven todo app with GitHub integration and AI features - kuskus/Loader.tsx at main · nikitavoloboev/kuskus

5 Replies

nikivi•14mo ago

its copied 1 to 1 from here: https://github.com/GriffinJohnston/uiball-loaders/blob/main/src/components/LeapFrog.js https://github.com/GriffinJohnston/uiball-loaders/blob/main/src/components/LeapFrog.module.scss just adapted to solid and uses <styled> tag for styles

nikivi•14mo ago

nikivi•14mo ago

it renders like these 3 black dots though and does not animate

nikivi•14mo ago

nikivi•14mo ago

maybe its crossed out? i dont get why that happens ok I had to add !important solved now to animation

Solid is a declarative reactive Javascript library for creating user interfaces.

11KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Title of page not updatingSo the thing is that I use SolidStart with CSR mode (w/index.html so vite-plugin-pwa detects it) On how to`createStore` and using `createEffect` to persist without warningI want to create a function to persist the store to the localstorage, everything works, but it warns Google Oauth in Solid: Best PracticesHi, I've got a solid start project with an actix web backend. What's the recommended approach for im Dealing with null checks on resourcesI'm trying to convert an app from Next.js to SolidStart to have a side-by-side comparison, but I'm e SolidJS failing all of a suddenHello, ive been working on a project recently, took a break to work on something else. Came back tod sibling function triggeringI've been beating my head against the wall and I'm looking for another suggestion. In sidebar.jsx I Losing Reactivity When I Import Solid Component in LibI made a reproduction of a problem I'm having when I import components as a lib from another package Importing use:form declaration for FelteI created a .d.ts file that looks like this: ``` declare module "solid-js" { namespace JSX { Need help setting up sync of signals backed by GraphQL, details in a threadcode: https://github.com/nikitavoloboev/kuskus Solidstart + CF Durable Objects in one ProjectI have seen the with-Websockets example, although I’m still trying to understand it. But since it i