Brand Color

Becquerel UI

Our brand-color widget is a special renderless component that generates new color schemes of 10 colors from a provided hex value in a prop. This can be used to brand applications build with Becquerel UI and give them corporate look and feel via, for example, with our color-picker or color-palette. The format of the generated color CSS classes is the one supported by Tailwind, i.e. .text-{CUSTOM_COLOR-NAME}(-{LIGHTNESS}), .border-{CUSTOM_COLOR-NAME}(-{LIGHTNESS}) and .text-{CUSTOM_COLOR-NAME}(-{LIGHTNESS}), where lightness is 50, 100, 200, 300, 400, 500, 600, 700, 800 and 900. Internally, brand-color is using our reactive-style component. Make sure you also check our theme-colors component to learn how to create color palettes, which are consistent application-wide

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

branding, brand, theme, reactive style, colors, color scheme