List

Lists are very useful when you want to group some elements.

Kodhus supports a general layout for list that can be modified to achieve different usecases.

Let's take a look at Kodhus library's list layout.


import { List, ListItem, ListItemAvatar, ListItemContent, ListItemExtra } from 'kodhus-ui-react';

<List>
  <ListItem>
    <ListItemAvatar>Avatar here</ListItemAvatar>
    <ListItemContent>Content here</ListItemContent>
    <ListItemExtra>Extra content here</ListItemExtra>
  </ListItem>
</List>

Examples

You can use lists for general purpose vertical menus and also lists in preferences or list of peoples/events, etc.

Let's take a look at some of the examples

Vertical menu with icons
Settings/Pereferences page
List of profiles