typography

List

Wrapper of a continuous group of items

Features

Manage marker

Links

Open in playground Open in Storybook View source

Lorem ipsum dolor
Sit amen consectur
Adipiscing lorem

Anatomy

import { List } from "@wonderflow/react-components";

export default () => {
  return (
    <List>
      <List.Li>Lorem ipsum dolor</List.Li>
      <List.Li>Sit amen consectur</List.Li>
      <List.Li>Adipiscing lorem</List.Li>
    </List>
  );
};

tsx

API Reference

List

PROPERTY

TYPE

DEFAULT

dimension

enum

regular

hideMarker

boolean

false

as

enum

ul

List.Li

PROPERTY

TYPE

DEFAULT

marker

enum

circle

markerColor

string