Fully responsive and touch-ready
All the components that you need in a lightweight package
0+
UI components
& also
Colors
Utilities
Form validation
Build great UIs with flexible & powerful elements
Form Elements
Icons, badges, Alerts...
1
Form validation
See how easy it is to build a checklist.
<w-list v-model="selection" :items="items" checklist round-checkboxes color="blue-light1"> </w-list>
<w-list
v-model="selection"
:items="items"
checklist
round-checkboxes
color="blue-light1">
</w-list>
data: () => ({ items: [ { label: 'Item 1' }, { label: 'Item 2' }, { label: 'Item 3' } ], selection: ['Item 2'] })
data: () => ({
items: [
{ label: 'Item 1' },
{ label: 'Item 2' },
{ label: 'Item 3' }
],
selection: ['Item 2']
})
Stay in control of your CSS
Wave UI is developed with a particular care about CSS.
Practically Wave UI gives you more flexibility and more control over the CSS.
If you use Sass, you can even control Wave UI's CSS rules priorities by overriding the CSS base scope like so.
$css-scope:'.w-app';
Modern design
Highly customizable
Fully responsive
Fully accessible