Alert
Alert messages are meant to provide contextual feedback about important changes in the interface.
Name | Default | Description |
---|---|---|
type: 'info' | 'confirm' | 'warning' | 'error' | 'info' | Uses on of the available alert types. |
mode: 'inline' | 'modal' | 'inline' | Uses on of the available alert modes:
|
inlineText: string | Text to display after icon and alert type and before content. | |
onClose: function | This function will be called when the user clicks the close button. If there is no function we should close the alert by default. | |
children: node | The details section of the alert. Can be used to render custom content in this area. | |
margin: string | object | Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'). You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes. | |
size: string | 'fitContent' | Size of the component ('small' | 'medium' | 'large' | 'fillParent' | 'fitContent'). |
tabIndex: number | 0 | Tabindex value given to the close button. |