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
warn
info
success
marketing | (optional) defines the visual appearance of the status. These are the statuses error, warn, info 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 exclamation. |
icon_size | string | (optional) the icon size of the icon shows. Defaults to medium. |
variant | flat
outlined | (optional) as of now, there is the flat and the outlined variant. Defaults to flat. |
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. |
no_animation | 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. |