The term unstyled is used to define an alternative styling approach instead of the default theming with design tokens. PrimeVue offers two options for styling the components with your own css; the hybrid mode and the pure mode.
In both options, the css variables of the design tokens and the css rule sets that utilize them are not included. The main difference is, the hybrid mode keeps the selectors in the DOM such as p-select whereas the pure mode do not include them. Unstyled components still need to be styled on your end, in the next sections, we'll cover the styling solutions for both modes.
| Hybrid | Pure | |
|---|---|---|
| p-* selectors in DOM | ||
| CSS rule sets | ||
| CSS variables |