Fieldset

Fieldset for basic forms

Props

NameTypeDescription
children
React.NodeFieldset children to display within the fieldset content area
inset
booleanShow fieldset as slightly inset into the form? Good for separation between fiedsets.
legend
stringA heading for your legend
description
stringProvide further description to the user about this section (fieldset)
legendMeta
stringMeta text to render next to fieldset legend text
onClick
FunctiononClick passthrough
name
stringWill be set on the root element
className
string | Array<string> | ObjectClass name to style your fieldset
bordered
booleanAdds a bottom border

Fieldset

A standard Fieldset
<Fieldset> <Field label="Your email" required={true} > <Input placeholder="hello@kalohq.com" /> </Field> </Fieldset>

with inset

You can control the background color of a fieldset to give a visual inset effect
<div> <Fieldset> <Field label="Your name" required={true} > <Input placeholder="Alex" /> </Field> </Fieldset> <Fieldset inset={true}> <Field label="Your email" required={true} > <Input placeholder="hello@kalohq.com" /> </Field> </Fieldset> </div>