()
| 12 | ); |
| 13 | |
| 14 | const ListItemExample = () => { |
| 15 | return ( |
| 16 | <ScreenWrapper> |
| 17 | <List.Section title="Text-only"> |
| 18 | <List.Item title="Headline" /> |
| 19 | <List.Item title="Headline" description="Supporting text" /> |
| 20 | <List.Item |
| 21 | title="Headline" |
| 22 | description="Supporting text that is long enough to fill up multiple lines in the item" |
| 23 | /> |
| 24 | <Divider /> |
| 25 | <List.Item title="Headline" right={() => <CenteredCheckbox />} /> |
| 26 | <List.Item |
| 27 | title="Headline" |
| 28 | description="Supporting text" |
| 29 | right={() => <CenteredCheckbox />} |
| 30 | /> |
| 31 | <List.Item |
| 32 | title="Headline" |
| 33 | description="Supporting text that is long enough to fill up multiple lines in the item" |
| 34 | right={() => <Checkbox status="checked" />} |
| 35 | /> |
| 36 | <Divider /> |
| 37 | </List.Section> |
| 38 | |
| 39 | <List.Section title="With icon"> |
| 40 | <List.Item |
| 41 | title="Headline" |
| 42 | left={(props) => <List.Icon {...props} icon="account-outline" />} |
| 43 | /> |
| 44 | <List.Item |
| 45 | title="Headline" |
| 46 | description="Supporting text" |
| 47 | left={(props) => <List.Icon {...props} icon="account-outline" />} |
| 48 | /> |
| 49 | <List.Item |
| 50 | title="Headline" |
| 51 | description="Supporting text that is long enough to fill up multiple lines in the item" |
| 52 | left={(props) => <List.Icon {...props} icon="account-outline" />} |
| 53 | /> |
| 54 | <Divider /> |
| 55 | <List.Item |
| 56 | title="Headline" |
| 57 | left={(props) => <List.Icon {...props} icon="account-outline" />} |
| 58 | right={() => <CenteredCheckbox />} |
| 59 | /> |
| 60 | <List.Item |
| 61 | title="Headline" |
| 62 | description="Supporting text" |
| 63 | left={(props) => <List.Icon {...props} icon="account-outline" />} |
| 64 | right={() => <CenteredCheckbox />} |
| 65 | /> |
| 66 | <List.Item |
| 67 | title="Headline" |
| 68 | description="Supporting text that is long enough to fill up multiple lines in the item" |
| 69 | left={(props) => <List.Icon {...props} icon="account-outline" />} |
| 70 | right={() => <Checkbox status="checked" />} |
| 71 | /> |
nothing calls this directly
no outgoing calls
no test coverage detected
searching dependent graphs…