@clds/form

Documentation of Cloudinary form components This package contains building blocks of Design System forms.

By using components from this package, you should be able to create a form with fields, labels and validation information. Actual form input components are defined outside this package, for example in @clds/text-field or @clds/checkbox

Installation

Install the package using Yarn:

yarn add @cld/form

Documentation

For detailed props table and documentation, visit storybook under packages/design-system/form menu.

Label

HTML5 label component compatible with design system

ValidationMessage

A component which displays help text, warnings, errors and success messages

FieldLayout

A layout component which you can use with Label, ValidationMessage and any input component to create single form field row

InlineFieldLayout

Designed mostly for checkboxes, radio buttons and toggles, which require labels to be placed on the right side of the input component

GroupLayout

A layout component which helps with positioning multiple form components (mostly used for radio buttons or checkboxes)

Versioning

This library follows Semantic Versioning.

License

See LICENSE