README.md

Cardinal Components

Components are the discrete, custom UI elements that consist of specific semantics and styling, and make up the bulk of a UI.

Table of Contents

Overview

Cardinal Components each represent a single part of a UI, and should never try to do too much. Components are designed to stand on their own, and be extremely portable and reusable.

They should also be encapsulated as much as possible, to prevent styles from leaking outside of the component. This isolation prevents unnecessary complexity and side effects, and results in higher code reuse.

Included Components

Boxes

View Demo

The Box Component is a visual way to enclose content and make it stand out from its surroundings. There are a few different modifiers available for boxes to change border and shadow styles.

Buttons

View Demo

The Button Component is a clickable item that usually causes a change in state or performs an action of some sort. There are several different modifiers available for changing sizes, colors, styles, and more.

Forms

View Demo

The Form Component introduces a very light design layer to default form elements.

Lists

View Demo

The List Component provides several different modifiers for manipulating default list styles.

Tables

View Demo

The Table Component includes several modifiers for manipulating default table styles.