@mandala-ui/list-header v1.0.2

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

TODO:

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