Action List

The Action List component displays a list of related action items, enabling users to choose an action in context with immediate effect, e.g. picking a personalization token to insert into a text field.

Preview

Config

Multiple selection

Allow selecting more than one item at a time.

Always show search

Show the search input even when there are 8 or fewer items.

Hide search

Never show the search input regardless of item count.

Selection disabled

Make all items unselectable. They still fire a change event on click.

Loading

Show a spinner instead of the list content.

Spacing

Controls the outer padding of the list.

—cozynone

Height

Fixed height with any CSS unit, e.g. 200px or 50%.

Selection max

Maximum number of items that can be selected. Must be greater than 0.

Open in playground →