Docs Quickstart Figma Flowbite
1.3.0
Customize Use custom style

Use custom style

Customize flowbite-angular's component style by providing a custom style per component.


Giving customStyle value

On each component call, you can give a customStyle value.

<flowbite-alert [customStyle]='{ root: { base: 'bg-black' } }'>
    Hello World !
</flowbite-alert>

You can then pass TailwindCSS classes, following the component's base theme. If one or more keys are not filled in the customStyle, then the base style from the component will be used.

Flowbite

© 2019-2024 Flowbite™ is a registered trademark. All Rights Reserved.