List

A standard list. Available in two sizes.

children

<ListItem>One</ListItem>
<ListItem>Two</ListItem>

<ListItem>One</ListItem>
<ListItem>Two</ListItem>

compact

leftAlign

Pick a colour...

color

Pick a colour...

padding

import * as React from "react";
import { List, ListItem } from "@nulogy/components";

export default () => {
  return (
    <List>
      <ListItem>One</ListItem>
      <ListItem>Two</ListItem>
    </List>
  );
}

import * as React from "react";
import { List, ListItem } from "@nulogy/components";

export default () => {
  return (
    <List>
      <ListItem>One</ListItem>
      <ListItem>Two</ListItem>
    </List>
  );
}

Props

Name	Type	Default	Description
children	react node		The content of the list
compact	boolean	false	Will remove margins between list items if set to true
leftAlign	boolean	false	Will align list flush with left-side if set to true
bg	enum		The background colour of the surrounding box
color	enum		The text colour inside the list.
padding	enum