Skip to content

Demos

Setting the variant property

Information

The default variant. Equivalent to variant='information'.

New

Notification

variant='notification'.

Notifications

Usage examples

Text Info Text
PersonsANy
Text Notifications Text
PersonsANotifications

Setting the status and subtle properties

The information variant has 5 possible status values, and two possible subtle values.

The default state is equivalent to status='default' and subtle={false}.

defaultdefault (subtle)neutralneutral (subtle)positivepositive (subtle)warningwarning (subtle)negativenegative (subtle)

Setting property horizontal and vertical

vertical 'top' horizontal 'left'

PersonsANotifications

vertical 'top' horizontal 'right'

PersonsANotifications

vertical 'bottom' horizontal 'left'

PersonsANotifications

vertical 'bottom' horizontal 'right'

PersonsANotifications