FormSection

Form sections group related input fields and provide spacing.

children


<Input id="name" labelText="Name" />
<Input id="birthdate" labelText="Date of birth"/>
<Input id="birthplace" labelText="Place of birth" />


<Input id="name" labelText="Name" />
<Input id="birthdate" labelText="Date of birth"/>
<Input id="birthplace" labelText="Place of birth" />

title

import * as React from "react";
import { FormSection, Input } from "@nulogy/components";

export default () => {
  return (
    <FormSection title="Section Title">
      <Input id="name" labelText="Name" />
      <Input id="birthdate" labelText="Date of birth" />
      <Input id="birthplace" labelText="Place of birth" />
    </FormSection>
  );
}

import * as React from "react";
import { FormSection, Input } from "@nulogy/components";

export default () => {
  return (
    <FormSection title="Section Title">
      <Input id="name" labelText="Name" />
      <Input id="birthdate" labelText="Date of birth" />
      <Input id="birthplace" labelText="Place of birth" />
    </FormSection>
  );
}

Props

Name	Type	Default	Description
children	react node		Visible message.
title	string		Title