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 string
• borderColor - border color string
• borderRadius - number clamped between 1 and 4
• children - Content inside the column
• padding - 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