Skip to content

FormStatus (StatusMessage)

Properties

PropertiesDescription
text or children(optional) the text appears as the status message. Beside plain text, you can send in a React component as well.
title(optional) the title attribute in the status.
role(optional) the role attribute for accessibility, defaults to alert
state(optional) defines the visual appearance of the status. These are the statuses error, warn, info and marketing. The default status is error.
size(optional) defines the appearance size. There are these sizes default, large. The default status is default.
icon(optional) the icon show before the status text. Defaults to exclamation.
icon_size(optional) the icon size of the icon shows. Defaults to medium.
variant(optional) as of now, there is the flat and the outlined variant. Defaults to flat.
stretch(optional) if set to true, then the FormStatus will be 100% in available width. NB: Only use this on independent status messages.
show(optional) provide false if you want to animate the visibility. Defaults to true.
no_animation(optional) NB: Animation is disabled as of now. use true to omit the animation on content visibility. Defaults to false.
globalStatus(optional) the configuration used for the target GlobalStatus.
skeleton(optional) if set to true, an overlaying skeleton with animation will be shown.
Space(optional) spacing properties like top or bottom are supported.