Prime vue is a comprehensive ui component suite with over 90 components, including date pickers, buttons, tables, and grids. However, when attempting to do something similar with buttons, i am. It seems like there is an open issue for scoped tokens:
PrimeVue UI Suite 1.0.0 released with 50+ Components featuring Material
I can set the style using design tokens in my global component preset theme.
Theming primevue with your own styles.
What's the primevue v4 intended way to tackle this? Style mode offers theming based on a design token based architecture. The most notable feature of this update is the brand new styled mode. Advanced visual theme designer with support for the entire design token set, figma to code and cloud storage.
The term unstyled is used to define an alternative styling approach instead of the default theming with design tokens. This approach prevents the override issue. Configuration is managed by the primevue instance imported from primevue/config. Hello, i am able to use design tokens to easily adjust the colors of my navigation item application wide.
The design tokens are not placed on the component.
Primevue offers two options for. Describe the bug if i use the dt for the design tokens on the select component the overlay is not being styled. List of new design tokens for the styled mode; I've just reproduced your issue, and it works with vue 3.5.5, but.
Something of note, the problem only occurs when using a scoped design token. Migrate to the new theming package that is shared between all prime ui. Configure primevue plugin with theme set as none, this option disables the default design token based theming. Primevue is available for download on npm registry.
