1.0.4 • Published 6 years ago
@mandala-ui/column v1.0.4
Mandala UI Column Component
Mandala is a React component library that utilizes a declarative CSS library for styling.
Installation
Check the MonoRepo README for installation.
Description
A Column is used for separating content from other content. Defaults to 100% width for you to layout how you prefer.
Usage
if using the whole library:
import { Column } from 'mandala';if only using this component:
import Column from '@mandala-ui/column';Props
backgroundColor- background color stringborderColor- border color stringborderRadius- number clamped between 1 and 4children- Content inside the columnpadding- number clamped between 1 and 4, padding around all
| propName | propType | defaultValue | isRequired |
|---|---|---|---|
| backgroundColor | string | white | - |
| borderColor | string | white | - |
| borderRadius | number | 0 | - |
| children | node | null | - |
| padding | number | 0 | - |
| radius | number | 0 | - |
TODO:
- Border Width
