@primeuix/styles

PrimeUIX Styles

Component CSS for PrimeUI libraries. Each of the ~95 components has its own entry exporting a style tagged template string. All themeable values reference design tokens via dt('token.path') with no hard-coded colors, spacing, or radii. The @primeuix/styled runtime resolves those references against the active preset and injects the resulting CSS into the document.

import { ButtonStyle } from '@primeuix/styles';
// or per-component:
import { style } from '@primeuix/styles/button';

CSS classes follow the .p- prefix convention with BEM-style modifiers:

.p-button { ... }
.p-button-outlined { ... }
.p-button-sm { ... }
.p-button:not(:disabled):hover { ... }

Changing a token value in the active preset re-themes every component that reads it, no per-component changes needed.

License

Licensed under the PrimeUI License - Copyright (c) PrimeTek Informatics