Docs Quickstart Figma Flowbite
1.3.0
Getting started
Customize
Components
API Reference NEW
components / Class

DropdownComponent

Decorators:@Component
Selectors:flowbite-dropdown
Extends:BaseComponent<DropdownClass>

No documentation has been provided.

See Also

Properties

NameTypeDescription
button
Signal<ElementRef<any>>
contentClasses
inherited from BaseComponent
Signal<TClass>

Computed signal storing the component classes used in its template

customStyle
ModelSignal<{ root?: { base?: string | undefined; } | undefined; dropdown?: { base?: string | undefined; } | undefined; span?: { base?: string | undefined; } | undefined; container?: { base?: string | undefined; isOpen?: { enabled?: string | undefined; disabled?: string | undefined; } | undefined; placement?: { 'left-center'?: string | undefined; 'right-center'?: string | undefined; 'bottom-center'?: string | undefined; 'top-center'?: string | undefined; } | undefined; } | undefined; content?: { base?: string | undefined; } | undefined; subContent?: { base?: string | undefined; } | undefined; }>

Set the custom style for this dropdown

domSanitizer
r
DomSanitizer

DomSanitizer service

flowbiteId
r
inherited from BaseComponent
WritableSignal<Guid>

Auto generated GUID for each flowbite-angular component

Its default value is 00000000-0000-0000-0000-000000000000, and is set to a random GUID inside the afterNextRender hook

iconRegistry
r
IconRegistry

IconRegistry service

injector
r
inherited from BaseComponent
Injector

Injector instance injected to be used as an injector context where there is no default one.

Example usage
public ngOnInit(): void {
  afterNextRender(
     () => {},
     { injector: this.injector }
  );
}
isOpen
ModelSignal<boolean>

Set if the dropdown is open

label
ModelSignal<string>

Set the dropdown label

position
ModelSignal<keyof DropdownPositions>

Set the dropdown position

themeService
r
DropdownThemeService

Service injected used to generate class

Methods

clickout()

No documentation has been provided.

Presentation
clickout(event: Event): void;
Parameters
NameTypeDescription
event
Event
Returns
void

fetchClass()

implements BaseComponent

Function to load component's classes

Presentation
fetchClass(): DropdownClass;
Returns
DropdownClass

init()

overrides BaseComponent

Function loaded during OnInit lifecycle hook. It initialize requirments for the component.

Presentation
init(): void;
Returns
void

ngOnInit()

inherited from BaseComponent

Initialize component.

A call to verify and init function is done. Then a new Guid is set in the afterNextRender hook.

Presentation
ngOnInit(): void;
Returns
void

toggle()

Toggle dropdown isOpen

Presentation
toggle(): void;
Returns
void
Flowbite

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