Customize Override base style

Override base style

Customize flowbite-angular's component style by override their default style.


Override base style

Each component provide its own configuration method. Configuration methods are named as follow :

  • provideFlowbiteComponentConfig

You can used them to override the default behavior of components, and the style applied styles.

import { provideFlowbiteBaseButtonConfig } from 'flowbite-angular/button';

import { type ApplicationConfig } from '@angular/core';

export const appConfig: ApplicationConfig = {
  providers: [
    provideFlowbiteBaseButtonConfig({
      color: 'primary',
      outline: true,
      pill: false,
      size: 'lg',
    }),
  ],
};
Flowbite Logo Flowbite

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