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

View Source adminjs-design-system/src/molecules/form-group/form-group.tsx, line 113

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