List

A standard list, available in two sizes.

  • List item
  • List item
  • List item
import {List, ListItem} from "@nulogy/components";

<List>
  <ListItem>List item</ListItem>
  <ListItem>List item</ListItem>
  <ListItem>List item</ListItem>
</List>

Variations

Compact

  • List item
  • List item
  • List item
<List compact>
  <ListItem>List item</ListItem>
  <ListItem>List item</ListItem>
  <ListItem>List item</ListItem>
</List>

LeftAlign

  • List item
  • List item
  • List item
<List leftAlign>
  <ListItem>List item</ListItem>
  <ListItem>List item</ListItem>
  <ListItem>List item</ListItem>
</List>

Props

NameTypeDefaultDescription

compact

Boolean

false

Removes margin between list items

leftAlign

Boolean

false

Sets padding left to align to left of container

className

String

undefined

className passed to the list component.

Related components

  • View in Storybook