@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

    Install

    npm i @mandala-ui/list-header

    DownloadsWeekly Downloads

    1

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    49.8 kB

    Total Files

    11

    Last publish

    Collaborators

    • lucaska