Feature list
Add a bordered list of check mark rows to show what the plan includes.
Use a Feature list for "what you get" bullets near the plans. It is a ready-made stack of rows, not a special component, so every part is editable.
Add it
- Drag Feature list from Content onto the phone.
- Or hover a layer in Layers, click +, then Content, then Feature list.
It is a stack named Features with four rows, Feature 1 to Feature 4. Each row is a stack with a white check in an indigo circle and a line of text. The list has a 1 pixel gray border and 12 pixel corners.
Where it can go
Wherever a Stack can go.
Design panel
Selecting the list shows all Stack controls, plus a Features section with Add feature, which adds a row reading New feature. Select a row, its icon or its text to restyle them. Duplicate or delete rows from Layers.
States
None.
Dark mode and screen sizes
Colors are light only by default. Add dark colors for the border, check and text. Rows are Fill width.
Tips and common mistakes
- Keep each line short.
- Add feature shows only on the original list. A copy keeps it, but a hand-built stack does not have it.
In the JSON
The component type is stack. The editor marks it with _meta so Add feature shows. The renderer ignores that field.