components / Actions and Inputs

Inline Edit


There are two modes, read for displaying the value, and edit for enabling control component.

Read mode

Edit mode

In edit mode, control can be any component, recommended ones are shown in common examples.


Action are default buttons shown in edit mode for save and cancel. It is displayed by default but it can also be hidden. The save and cancel function can be triggered using other components, checkout this example.


Inline (default)

Used when there is adjacent component that should be pushed when actions appear.

It can also be used with width="fluid" to fill space.