Shards React
Shards React

Shards React

Documentation

Form Group

Form groups allow you to easily add structure to your forms.

Basic Form Group

import React from "react";
import { Form, FormGroup, FormInput } from "shards-react";

export default function FormGroupExample() {
  return (
    <Form>
      <FormGroup>
        <label htmlFor="username">Username</label>
        <FormInput id="username" />
      </FormGroup>
    </Form>
  );
}

Props

The following props are available for the Form Group component.

PropDescriptionTypeDefaultRequired
childrenThe children nodes.Node-No
rowWhether it is a row, or not.Bool-No
checkWhether it is a form check, or not.Bool-No
inlineWhether it is displayed inline (form check) or not.Bool-No
disabledWhether it is disabled, or not.Bool-No
tagThe components' tag type.String"div"No
classNameThe class name.String-No