Wrapper

The Alert component wrapper.

This is a compound component.

API

This component extends the animated div component tag props. This means this component can receive the react-spring native animated.div props, for example, the className attribute (which is why it's not included in the table).

Props	Type	Required
children	ReactNode	✅
isOpen	boolean	❌
heading	string	❌
variant	'info' | 'warning' | 'danger' | 'default'	❌
icon	AvailableTelicon	❌
hideIcon	boolean	❌

children

The children in this case, because it is a compound component, should be the ones provided by this design system, listed before.

isOpen

This prop controls the displaying state of the alert

heading

The heading of the Alert component.

variant

To change the state and style of the alert based on the selection

icon

Controls the icon to show on the Alert.

hideIcon

To prevent icon to be shown.