Components

FormGroup

<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/design-system'
See:

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

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-design-system/src/molecules/form-group/form-group.tsx, line 151