@mandala-ui/list-header

1.0.2 • Public • Published

Mandala UI ListHeader Component

Mandala is a React component library that utilizes a declarative CSS library for styling.

Installation

Check the MonoRepo README for installation.

Description

A header for the top of lists that matches the style and props

Usage

if using the whole library:

import { ListHeader } from 'mandala';

if only using this component:

import ListHeader from '@mandala-ui/list-header';

Props

  • children - what needs to be in the header, usually one h element.
  • indented - adds padding for a contained list
  • lineColor - the color of the bottom border
  • lined - set this prop to add a bottom border
  • lineWidth - width of the bottom border of the header
propName propType defaultValue isRequired
children node null -
indented boolean false -
lineColor string 'white' -
lined boolean false -
lineWidth number 0 -
ordered boolean false -

TODO:

  • [ ] tight, normal, high for vertical padding.
  • [ ] infer lined from lineColor prop existence

mandala-bottom

Package Sidebar

Install

npm i @mandala-ui/list-header

Weekly Downloads

1

Version

1.0.2

License

MIT

Unpacked Size

49.8 kB

Total Files

11

Last publish

Collaborators

  • lucaska