core icon indicating copy to clipboard operation
core copied to clipboard

enhancement: enable grid view for CoreList component

Open arkaprota opened this issue 1 year ago • 1 comments

Enable grid view for CoreList component, so that all children (CoreListItem) appear on grid.

The new variant (GRID) should also support the following:

    • [x] props for number of items in every row for different screen sizes (default, sm, md,...)
    • [x] props to enable toolbar
    • [x] toolbar to navigate between LIST and GRID, preferably multiple GRID sizes (like 3 items per row OR 4 items per row OR ...)
    • [x] the toolbar should also have a search (this will only search in the already rendered items)
    • [ ] Support lazy loading for the CoreList
    • [x] CoreListSubHeader is getting wrapped
    • [x] if a array is sent inside the list it will create a list

Image Present state: CoreList variant="list" (Default) image

Expected: CoreList variant="grid" image

arkaprota avatar Sep 20 '24 10:09 arkaprota

will you please attach a scribble picture exactly what we want to achieve

techoneel avatar Sep 24 '24 06:09 techoneel