import { KbqButtonModule } from '@koobiq/components/button';

This directive enhances `kbq-button` elements acting as dropdown triggers, visually indicating the active state with the `kbq-active` class, following Koobiq Design System. The directive relies on a separate `KbqDropdownTrigger` directive to get dropdown's state.

Selector: [kbq-button][kbqDropdownTriggerFor]

Name	Description
dropdownTrigger: KbqDropdownTrigger

Root directive that groups related buttons, propagating a shared style, color, and disabled state to every nested button

Selector: [kbqButtonGroupRoot]

Name	Description
@Input() color: string	Color applied to the group and propagated to every nested button. individual button's color preserved but updated when group input changed.
@Input() disabled: boolean	Whether the root is disabled.
@Input() kbqStyle: string	Style applied to the group and propagated to every nested button. individual button's style preserved but updated when group input changed.
colorClassName: string	current class name of color

Selector: [kbq-button]

Name	Description
icons: QueryList
isIconButton: boolean
nativeElement: HTMLElement

Groups and styling related `KbqButton`s into a single visual unit.

Selector: kbq-button-group, [kbq-button-group]

Name	Description
@Input() orientation: InputSignal	Layout direction: `'horizontal'` or `'vertical'`

Selector: [kbq-button]

Name	Description
@Input() disabled: boolean	Whether the button is disabled.
@Input() kbqStyle: string
color: string
colorClassName: string	current class name of color
hasFocus: boolean
textElement: ElementRef

const buttonLeftIconClassName: string;

const buttonRightIconClassName: string;