A frame containing 8 hardcoded List Item instances stacked with an 8px gap. No component properties, no variants. Functions as a layout example on the sticker sheet rather than a reusable component.
Remove or restructure
List today is a frame of 8 hardcoded List Item instances — not a reusable component. Two paths forward: (1) remove it from the sticker sheet and keep List Item as the published atom; (2) restructure into a real container that accepts a collection of items (same approach proposed for Tabs).
Live Preview
List body with level-1 style
List body with level-1 style
List body with level-2 style
List body with level-3 style
List body with level-1 style
List body with level-1 style
List body with level-1 style
DS Health
Reusable
Fail
Not reusable — consumers can't populate this with their own items. They must detach or rebuild from List Item atoms.
Self-contained
Warn
Carries only the parent flex layout + 8px gap. All real structure lives on the child List Items.
Consistent
Fail
Not a component in the DS sense — it's a frame posing as one. Breaks the pattern established by Tabs (container + atom), Menu Grid + Service Item, Avatar Group + Avatar.
Composable
Pass
Each child is a List Item instance — at least the composition is correct.
Open Issues
- Not a real component. List today is a frame with 8 hardcoded List Item instances — no property set, no variants, no slots. Consumers can't populate it with their own items without detaching and rebuilding from the List Item atom. C2 · Variant & Property Naming
Design Recommendations
- Remove List from the sticker sheet. Publish List Item (and List Item Asset) as the shipped components. Consumers stack List Items themselves using auto-layout — same pattern as plain text lists. Keeps the sticker sheet focused on reusable atoms. Family
- Or restructure into a real container. Expose a single flexible List component with auto-layout that accepts a collection of List Items (same approach proposed for Tabs dropping
tabsCount). Native maps toForEach/LazyColumn. Provides a documented home for list-level concerns like spacing, dividers, or separators. Property - If restructuring , consider adding list-level props for spacing (
gap=8/12/16) and an optional divider between items. These are the decisions that logically belong to a container, not an item. Property
Criteria Scorecard
| ID | Criterion | Status | Notes |
|---|---|---|---|
| C1 | Layer Structure & Naming | Ready | Trivial wrapper — List Item children named correctly. |
| C2 | Variant & Property Naming | Not Applicable | No properties. |
| C3 | Token Coverage | Ready | Gap bound to space/space-8. |
| C4 | Native Mappability | Not Applicable | Maps to plain VStack / Column. No DS-specific component needed unless restructured. |
| C5 | Interaction State Coverage | Not Applicable | Layout only. |
| C6 | Asset & Icon Quality | Not Applicable | No assets. |
| C7 | Code Connect Linkability | Not Applicable | Not a linkable DS component in current form. |
1.0.0 — April 2026Major
Initial Assessment · node 18482:34737
Assessed as layout-only — Frame of 8 hardcoded List Item instances. Not a reusable component in its current form. Documented
InitialRecommendation: Remove or Restructure — Either remove from the sticker sheet (List Item is the shipped atom) or restructure into a real container that accepts a collection. Open
Design Decision