How can I use Satin?

Import the styles once, then import components one by one.

Each component has its own entry point, so you only ship what you use. The package isn't on npm yet; until it is, it lives in the packages/ui folder of the Satin repository. Light and dark mode come from the dark class on any parent element.

/* app.css */
@import "@satin/ui/styles.css";

// App.tsx
import { Button } from '@satin/ui/button'

export function Save() {
  return <Button>Save changes</Button>
}