Skip to content

Conversation

@george-cz
Copy link
Contributor

@george-cz george-cz commented Nov 6, 2023

New Component

List / ListItem

The List is a component for rendering set of vertically stacked items (other layouts are being discussed). These items can be focusable, selectable, have one primary action and one or more secondary actions.

Accessibility is also supported out of the box with proper roles inferred.

Example

<List>
    <ListItem>Asia</ListItem>
    <ListItem>Africa</ListItem>
    <ListItem>Europe</ListItem>
    <ListItem>North America</ListItem>
    <ListItem>South America</ListItem>
    <ListItem>Australia/Oceania</ListItem>
    <ListItem>Antarctica</ListItem>
  </List>

Related issues

#27382

Release

The preview release will be prepared in a separate PR in the near future.

@george-cz george-cz force-pushed the jirivyhnalek/selectable_list branch from 8f19c53 to 56d9936 Compare March 27, 2024 13:14
@bsunderhus bsunderhus requested a review from layershifter March 28, 2024 08:47
@george-cz george-cz enabled auto-merge (squash) March 28, 2024 10:35
@george-cz george-cz disabled auto-merge March 28, 2024 10:35
@george-cz george-cz changed the title List - initial implementation and preview List - initial implementation Mar 28, 2024
@george-cz george-cz enabled auto-merge (squash) March 28, 2024 10:36
@george-cz george-cz merged commit ff674cf into microsoft:master Mar 28, 2024
robertpenner pushed a commit to robertpenner/fluentui that referenced this pull request Apr 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants