@calderajs/components

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!