import { KbqAlertModule } from '@koobiq/components/alert';Marks the projected alert heading.
Selector: [kbq-alert-title]
Exported as: kbqAlertTitleMarks the projected close control (place it on a native `
Marks a projected action control (link or button) shown in the alert's button stack.
Selector: [kbq-alert-control]
Exported as: kbqAlertControlShows important information on a page. Can carry a hint, signal a status change, or indicate a problem.
```html
Selector: kbq-alert
Exported as: kbqAlert| Name | Description |
|---|---|
@Input() alertColor: InputSignalWithTransform<"error" | "warning" | "success" | "info", "error" | "warning" | "success" | "info">
|
Status of the alert. Drives the background in the `colored` style and auto-tints an uncolored projected status icon to the matching color (`info` icons become `contrast`). |
@Input() alertStyle: InputSignal<"default" | "colored">
|
Visual style — neutral `default` or the attention-drawing `colored` background. |
@Input() compact: InputSignalWithTransform |
Whether the alert uses the denser compact size. |
@Output('closed')
closed: OutputEmitterRef |
Emitted when the projected close control is activated. The consumer is responsible for hiding the alert. |