q# Shared Components Library

• 🌋👀 Documentation
• 🌋🤷 Need Help?
• 🌋🙏 Express Gratitude

Install

yarn add @calderajs/forms

Fields

These are thing wrappers around Gutenberg components.

Import With webpack

import {
	RemotePost,
	TextAreaField,
	ToggleField,
	RadioField,
	FieldWrapper,
	FieldSet,
	SelectField,
	InputField,
	RichText,
	MagicRichText
} from '@calderajs/components';

Grid Components

🌋👀Documentation

Factories

🌋👀 Documentation

Test Fixtures

This package also exports fixtures for testing columns and fields.

Field Fixtures

import {factory} from "@calderajs/components";
const {
	checkboxFieldset,
	selectField,
	checkboxField,
	numberField,
	textField,
	emailField,
	radioField,
	toggleField,
    textAreaField,
    autoCompleteField
} = factory;

Rows and Columns

import {factory} from "@calderajs/components";
const {
	formRowOne,
    	formRowTwo,
    	formRows,
    	notFormRow,
    	notFormRows
} = factory;

Testing

• Run Unit Tests - Jest.

  • yarn tests

• Run Storybooks

  • yarn storybook

• Run tests once for CI

  • yarn test:ci

Other Commands

• Lint code
  • yarn lint
• Build Package
  • yarn package
  • The output is stored in the dist folder.

White Space!