ListGroup

To display a series of content.

Examples

List component 1

List component 2

List component 3

List component 4

Use disabled and active props to highlight or disable list items.

List component 1

List component 2

List component 3

List component 4

Use type props to treat items as a button, link or a div. Default is div.

Set the horizontal props as true to display the list horizontally.

List component 1

List component 2

List component 3

List component 4

import { ListGroup, ListItem } from "ui-neu"


<ListGroup>
  <ListItem key="1">List component 1</ListItem>
  <ListItem key="2">List component 2</ListItem>
</ListGroup>

Props for each of the components are included below. This is still under development and changes are anticipated to occur in upcoming releases.

Name	Description	Default
children	ListGroup will take list item components any	-
horizontal	To display list horizontally bool	false

Name	Description	Default
children	any	-
active	To highlight any list item bool	-
disabled	To disable any list item bool	-
href	Enter url if list item is acting as links string	-
horizontal	Whether or not parent wants its child to be aligned horizontally bool	-