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
Factories
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!