Products · Components
List
A list of rows in a card, which can load more rows as the person scrolls.
Put a ListItem inside it for each row.
Children: Components
Example
<List>
<ListItem icon="send" title="Sent to Aminata" subtitle="Today, 09:41" value="SLE 50.00" />
<ListItem icon="download" title="From Mohamed" subtitle="Yesterday" value="SLE 120.00" />
</List>Props
| Prop | Type | What it is |
|---|---|---|
size | sm, md | Default: sm. |
padding, paddingTop, paddingStart, paddingEnd, paddingBottom | spacing | Space inside its edges, all round or on one side. |
Events
| Event | Sends | Notes |
|---|---|---|
onEndReached | Nothing | The last row scrolled into view. Add more rows here to load as the person scrolls. |
Keep reading
ListItemOne row in a List: a title, a subtitle, an icon or picture, and a value or badge at the end.DetailRowA label and its value on one line, such as a line of a receipt.DisclosureA row the person opens to show more, then closes again.StepsShows the stages of something, such as a payment's progress.