List

El componente List nos permite organizar en una lista distintas informaciones con formato de texto.

Unordered

Ordered

Skeleton

import React from "react";
import { List } from "@nimbus-ds/components";

const Example: React.FC = () => (
  <List as="ul">
    <List.Item>Aliquam vitae eleifend nulla. Duis</List.Item>
    <List.Item>Nullam malesuada sapien sit amet</List.Item>
    <List.Item>Vivamus diam eros, pretium a</List.Item>
    <List.Item>Mauris ut feugiat quam. Fusce</List.Item>
    <List.Item>Duis leo orci, consectetur pulvinar</List.Item>
  </List>
);

export default Example;

Anatomía del componente

Se compone por un bullet point o un numerador y un texto.

Guidelines

Utilizamos este componente cuando necesitamos organizar varios textos de forma vertical en una lista numerada o sin numerar.

Recomendaciones de uso

Organizar elementos de forma numerada
Organizar elementos usando bullet points

Implementación

Instalá el componente via terminal.

npm install @nimbus-ds/list