text | React.ReactNode | (optional) The text appears as the status message. Beside plain text, you can send in a React component as well. |
children | React.ReactNode | (optional) The text appears as the status message. Beside plain text, you can send in a React component as well. |
title | string | (optional) The title attribute in the status. |
role | string | (optional) The role attribute for accessibility, defaults to alert. |
state | "error"
"warning"
"information"
"success"
"marketing" | (optional) Defines the visual appearance of the status. These are the statuses error, warning, information and marketing. The default status is error. |
size | "default"
"large" | (optional) Defines the appearance size. There are these sizes default, large. The default status is default. |
icon | React.ReactNode | (optional) The icon show before the status text. Defaults to error. |
iconSize | string | (optional) the icon size of the icon shows. Defaults to medium. |
variant | "plain"
"outlined" | (optional) As of now, there is the plain and the outlined variant. Defaults to plain. |
stretch | boolean | (optional) If set to true, then the FormStatus will be 100% in available width. NB: Only use this on independent status messages. |
show | boolean | (optional) Provide false if you want to animate the visibility. Defaults to true. |
noAnimation | boolean | (optional) NB: Animation is disabled as of now. use true to omit the animation on content visibility. Defaults to false. |
globalStatus | Various | (optional) The configuration used for the target GlobalStatus. |
shellSpace | string
object | (optional) Use it to set an inner margin. It supports the same properties as Space. Useful for animation. |
skeleton | boolean | (optional) If set to true, an overlaying skeleton with animation will be shown. |
Space | string
object | (optional) Spacing properties like top or bottom are supported. |