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