UI designer

Vue Color Swatch Component

Beta

The theme editor colour control, usable on its own.

Try it

Brand colour

Use in your application

Bind a CSS colour string. The text field preserves CSS expressions such as var(--primary); the native picker commits a colour. Invalid text restores the previous value.

vue

<DomColorSwatch v-model="colour" label="Brand colour" />

Open the complete social-card example →