UI building blocks for SolidJS
Wrapping elements like headers, text, or images in custom Components is just wasteful. Components will only be provided if they have added value over their native elements. The added value may be
If none of these advantages can be provided, it is preferable to use native HTML elements or SolidJS' abilities like Portal effectively.
Directly using CSS is frowned upon nowadays, but not rightfully so. Well crafted CSS will easily outperform styled components. It should do so with
sb-[component]
, CSS reset, basic styles, theme variables).primary.sb-button
yarn
yarn dev
To use the components
import { Accordion, AccordionHeader } from "solid-blocks";
const MyApp = () => {
return (
<Accordion>
<AccordionHeader>Accordion</AccordionHeader>
<p>Hidden</p>
</Accordion>
);
};