UI components in pure CSS
- Install the package
- Add to your tsconfig.json:
{
...
"compilerOptions": {
"types": ["origami"]
}
}- Include the main css file, eg
import 'origami/src/all.css'(assuming Vite) - In your main css entrypoint:
- add css layer declarations, eg:
/* `app` can be replaced with whichever higher-precedence layers you'd like */
@layer ori-reset, ori-base, ori-components, ori-override, app;`
- add your theme variables in a
:root { }block. See the theme file examples in this repo