Customize Override base style

Override base style

Customize Flowbite Angular components by overriding their default styles.


Override base style

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

  • provideFlowbiteComponentConfig

You can use them to override the default behavior of components and the 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.