@professorragna/list v1.0.4

List Styled Components

A collection of styled components for the list HTML tags utilized via a <List> component, which include:

• ol
• ul
• li

Installation

$ npm i @professorragna/list

Usage

import {
  List,
  Li
} from '@professorragna/list';

// Unordered List (<ul>) Usage
<List
  variant="ul"
>
  <Li>List Item 1</Li>
  <Li>List Item 2</Li>
  <Li>List Item 3</Li>
</List>

// Ordered List (<ol>) Usage
<List
  variant="ol"
>
  <Li>List Item 1</Li>
  <Li>List Item 2</Li>
  <Li>List Item 3</Li>
</List>

Each of the list styled components in this package support the following categories of styled props:

• background
• border
• color
• flexbox
• grid
• layout
• position
• shadow
• space
• typography

For more information on how to use styled props, see the styled-system docs

Additional Packages

Are you looking for additional styled components for other HTML tags? Feel free to check out the root project here for other packages that are available!