g2 icon indicating copy to clipboard operation
g2 copied to clipboard

List: Add Component

Open ItsJonQ opened this issue 4 years ago • 2 comments

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 avatar Mar 19 '21 19:03 ItsJonQ

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

ItsJonQ avatar Mar 19 '21 19:03 ItsJonQ

A (potential) real world need for this component would be for the new Global Styles design: https://github.com/WordPress/gutenberg/issues/27473#issuecomment-796773866

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

(Note: The List UI in the middle rendering)

ItsJonQ avatar Mar 19 '21 20:03 ItsJonQ