One of the most important parts of a website or app is to build a brand for it. First step is to choose the theme colors that you are going to use and this is what this component, built on top of our reactive-style component helps you with. The default specified colors are "primary"
, "secondary"
, "tertiary"
, "accent"
, "positive"
, "negative"
, "info"
and "warning"
, but you can specify your own names and as many swatches as you need by using the colors
prop of the component. As theme-colors
is not enabled by default in Becquerel UI, the best place to put it if you plan using it is as child of the the bcq-app component. Need more color tools? Make sure you check our color-picker, color-palette and brand-color components and the text-gradient directive. In case you are not sure how to create your own theme colors, scroll down this page and use our Theme Color Creator or check mycolor.space - an awesome, AI-powered online tool
Brandcompete's UI library for Vue, based on TailwindCSS. We have a growing collection of ready to use UI, forms and layout components, directives and plenty of helpers
The UI library of brandcompete for Vue, based on Tailwind. We have a growing collection of ready to use ui, forms and layout components, directives and plenty of helpers. This website has been built with the library itself and you can use it as a complete reference, starting here. Bookmark our release notes page to stay informed of what's new