Components Notification

Notification

Overview API Examples Style Tokens

LmnNotificationComponent

import { LmnNotificationComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-notification

Properties

NameTypeDescription
emoji
r
InputSignal<string | undefined>

If defined and valid, an emoji is displayed in the notification. The emoji Input has priority on the iconSvgName Input.

headingLevel
r
InputSignalWithTransform<number, unknown>

It defines the level of the heading of the notification, applied to the title element.

iconSvgName
r
InputSignal<string | undefined>

If defined, a custom icon is set in the notification, in place of the standard one for the notification type.

nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>

It activates and deactivates the negative mode.

role
r
InputSignal<string | undefined>

If defined, it overwrites role of the notification.

showOutline
r
InputSignalWithTransform<boolean, unknown>

If true, the outline around the notification is shown.

theme
r
InputSignal<LmnNotificationTheme>

It changes the theme of the notification.

LmnNotificationTitleComponent

import { LmnNotificationTitleComponent } from '@elemental/ui';

Properties

NameTypeDescription
nativeElement
r
HTMLElement

LmnNotificationDescriptionComponent

import { LmnNotificationDescriptionComponent } from '@elemental/ui';

Properties

NameTypeDescription
nativeElement
r
HTMLElement

LmnNotificationAsideComponent

import { LmnNotificationAsideComponent } from '@elemental/ui';

Properties

NameTypeDescription
nativeElement
r
HTMLElement