Skip to main content

Select Item Styles

The style determines the base style of the item elements for single-select or multi-select step types. The style defines how the content looks within the cards or list layout. Styles allow for varying amounts of padding around each individual item's images. There are currently three options for style s: classic and modern.

Sandbox​

This coding example opens in CodeSandbox in a new tab so you can review select item style options, modify the settings.json file, and preview how style changes affect cards and lists.

Open Select Styles Sandbox

style​

info

If the style property isn't provided, the app will default to the classic style.

string (SelectStyle)
Enum: "classic" "modern"
"classic"

classic​

In general, the 'classic' style means that images added to selectable items will have a surrounding padding.

modern​

The 'modern' style translates to item images that will be forced edge-to-edge within its container element.