@musica-sacra/forms

JUtilities and components for building forms in musica-sacra apps.

Installation

npm install @musica-sacra/forms

Components

All components accept traditional props of children and className.

<Button />

Styled button.

Props:

• accent: Default false, if enabled, button will be with accent color.
• rounded: Default false, if enabled, button will have higher border-radius.

<FormContent />

Styled wrapper of form rows. Provides column flex display.

<FormRow />

Styled wrapper of form row content. Provides row flex display.

<FormGroup />

Styled wrapper of Input/InputGroup and Label. Provides column display flex.

<InputGroup />

Styled wrapper of multiple Input or Button. Provides row flex display.

<Input />

Styled input component with all its states.

<Label />

Styled label component.