Components

FormGroup

<FormGroup />

Constructor

# <FormGroup />

FormGroup comes with other, from-related components like: FormMessage and InputGroup. Together they allow you to build form elements.

Usage:

import { FormGroup, FormGroupProps, InputGroup, FormMessage } from 'admin-bro'

View Source admin-bro/src/frontend/components/design-system/molecules/form-group/form-group.tsx, line 103

Examples

Example 1: input with all sorts of buttons

Example 2: the same input with errors

Example 3: disabled field

Example 4: with a link

Type Definitions

object

# FormGroupProps

Props for FormGroup. Apart from props defined here FormGroup supports also all SpaceProps

Properties:
Name Type Attributes Description
error boolean <optional>

If given FormGroup has error

disabled boolean <optional>

If given FormGroup should be disabled

variant 'filter' <optional>

if given form group should be rendered in a filter

View Source admin-bro/src/frontend/components/design-system/molecules/form-group/form-group.tsx, line 141