@perpetualsummer/catalyst-elements

Catalyst Elements

A collection of controlled react components

Documentation Site

What is it

Catalyst Elements is a component library with a collection of React.js components for Layout, Form Inputs, Visual Representation of Data and a collection of Utility components and React Hooks. It works as a stand alone component library but was designed to work with React Catalyst to enable the rapid development and deployment of Web Applications.

How do I use it

Install

npm install --save @perpetualsummer/catalyst-elements

Import

import InputText from 'perpetualsummer/catalyst-elements/InputText'

Use

<InputText onChange={someFunction} value={someValue} />

For more comprehensive details on how to use and customise these components visit the documentation website or for details on the usage of each component, click the links below:

Button

Code

CopyToClipboard

DetailsSummary

FlexContainer

FlexCell

GridContainer

GridCell

InputCheckbox

InputDate

InputEmail

InputNumber

InputPassword

InputRadio

InputRange

InputSelect

InputSwitch

InputText

InputTextarea

LoadingSpinner

Modal

Picture

ProgressBar

ProgressRadial

Table

Tooltip

Video