Shards React
Shards React

Shards React


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 (
        <label htmlFor="username">Username</label>
        <FormInput id="username" />


The following props are available for the Form Group component.

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