You are currently on Anvil1, which is now in maintenance mode. Visit Anvil2 to get the latest version of the design system.
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.