components / Actions and Inputs

Inline Edit

Mode

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

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.

Layout

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.

Floating