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.

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

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 Logo Flowbite

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