@UiReact

UiReact logo icon

Installation

The Basics

Themes

Colorations

Foundation

Main View

Components

Charts

Dialogs

Framer Animations

EzForms

Forms

Grids

Typography

Tools

Contributing

Feature request

UiList


Package: @uireact/list

v3.0.16

Component used to render lists, bulleted, ordered or unordered

#

Installation ⚙️

1. Make sure you install peer dependencies first:

Expand peer dependencies

2. Install package:

npm i -S @uireact/list

#

UiList - default

  <UiList>
    <UiListItem>
      <UiText>Item 1</UiText>
    </UiListItem>
    <UiListItem>
      <UiText>Item 2</UiText>
    </UiListItem>
  </UiList>

#

UiList - ordered

  <UiList type="ORDERED">
    <UiListItem>
      <UiText>Item 1</UiText>
    </UiListItem>
    <UiListItem>
      <UiText>Item 2</UiText>
    </UiListItem>
  </UiList>

#

UiList - bulleted

  <UiList type="BULLETED">
    <UiListItem>
      <UiText>Item 1</UiText>
    </UiListItem>
    <UiListItem>
      <UiText>Item 2</UiText>
    </UiListItem>
  </UiList>

#

UiList - nested

  <UiList type="BULLETED">
    <UiListItem>
      <UiText>Item 1</UiText>
      <UiList type="ORDERED">
        <UiListItem>
          <UiText>Item 1.1</UiText>
        </UiListItem>
        <UiListItem>
          <UiText>Item 1.2</UiText>
        </UiListItem>
      </UiList>
    </UiListItem>
    <UiListItem>
      <UiText>Item 2</UiText>
    </UiListItem>
  </UiList>