Docs Quickstart Figma Flowbite
1.3.0
Customize Override component default value

Override component default value

Customize flowbite-angular's component input default value.


Each components provide a set of input to customize their behavior.

They are named following this pattern :

FLOWBITE_COMPONENT_NAME_INPUT_NAME_DEFAULT_VALUE

In order to modify the default value of an input, you have to add, after initFlowbite function, a new Provider with its value :

import { FLOWBITE_ALERT_HAS_BORDER_DEFAULT_VALUE } from 'flowbite-angular/alert';
import { initFlowbite } from 'flowbite-angular/core';
import { ApplicationConfig } from '@angular/core';

export const appConfig: ApplicationConfig = {
  providers: [
    ...,
    initFlowbite(),
    {
      provide: FLOWBITE_ALERT_HAS_BORDER_DEFAULT_VALUE,
      useValue: true,
    },
  ],
};
Flowbite

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