Components

Label

<Label />

Styled form of label element.

Usage

import { Label, LabelProps } from '@adminjs/design-system'
See:

View Source adminjs-design-system/src/atoms/label.tsx, line 88

Example

2 Different versions

Type Definitions

object

# LabelProps

Prop Types of a Label component.

Apart from those explicitly specified below it extends all ColorProps, SpaceProps and TypographyProps

Properties:
Name Type Attributes Description
... string <optional>

All props default to label html component like htmlFor, id etc.

... string <optional>

Other props from ColorProps, SpaceProps and TypographyProps

required boolean <optional>

If label represents required field - appends star (*)

uppercase boolean <optional>

If label should be in uppercase version

inline boolean <optional>

By default labels are displayed as a block. You can override this by setting inline

disabled boolean <optional>

If label represents disabled field (dimmed version)

variant LabelVariantType <optional>

Color variant

size 'default' | 'lg' <optional>

Label size

View Source adminjs-design-system/src/atoms/label.tsx, line 127