Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

List: Add Component #292

Open
ItsJonQ opened this issue Mar 19, 2021 · 2 comments
Open

List: Add Component #292

ItsJonQ opened this issue Mar 19, 2021 · 2 comments

Comments

@ItsJonQ
Copy link
Owner

ItsJonQ commented Mar 19, 2021

Screen Shot 2021-03-19 at 1 50 31 PM

We need to add a List component, resembling that seen in the screenshot above.
The screenshot is of Bootstrap's ListGroup.

The idea is for this list container to render a collection of items.
These items may be actions (or links) or non-actionable content.
The items may be border separated, they may not. The list may be bordered, it may not.

The best example may be Ant Design's List component:
https://ant.design/components/list/

Another good example would be Material UI's List component:
https://material-ui.com/components/lists/

List may serve as the base UI for FlatList, where FlatList would be responsible for things like windowing, drag sorting, etc...


Note: We currently have a List component. However, this one is more like an enhanced ul/ol. We can refactor that to be something like UnorderedList and OrderedList.

@ItsJonQ
Copy link
Owner Author

ItsJonQ commented Mar 19, 2021

We may also need to consolidate (or replace) the existing Menu component with this new List.

@ItsJonQ
Copy link
Owner Author

ItsJonQ commented Mar 19, 2021

A (potential) real world need for this component would be for the new Global Styles design:
WordPress/gutenberg#27473 (comment)

110799320-54c95100-827b-11eb-9db0-e768a6d31a12

(Note: The List UI in the middle rendering)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants