@hixme-ui/form-group

hixme-ui form group container

Stats

StarsIssuesVersionUpdatedCreatedSize
@hixme-ui/form-group
2.0.0-alpha.124 months ago4 years agoMinified + gzip package size for @hixme-ui/form-group in KB

Readme

Form Group

npm i --save @hixme-ui/form-group

View it live

Usage

import FormGroup from '@hixme-ui/form-group'

<FormGroup>
  <Label>Name</Label>
  <Input name='name' />
  <Text error>Name is required</Text>
</FormGroup>

The FormGroup provides some shortcuts for label and error for form building. You may achieve the same result as our first example by providing the label and error strings to the appropriate props. The error message should only be provided when the error message should be displayed.

import FormGroup from '@hixme-ui/form-group'

<FormGroup label='Name' error='Name is required'>
  <Input name='name' />
</FormGroup>

The component will invoke the Label and Text components around the input field for you. Label appears as the first child. Any children provided will be displayed below Label. The error message will display as a Text component as the last child.

Props

Name Type Default
label String null
error String null

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.