WUI logo

Label

Allows user to represents a caption for an item in a user interface.

version

5.0.0-alpha.16

install

yarn add @welcome-ui/label

usage

import { Label } from '@welcome-ui/label'

Usage #

label DOM, use on Field.

Required #

With required property.

Variants #

error, warning, info or success variant add specific badge, you can add a custom one as well.

More content #

Checkboxes and radio buttons are normally nested inside labels. If you do this, make sure there is only one other child (in this example, a div).

Disabled #

Customize label for disabled elements.

Properties #

NameType(s)DefaultRequired
checkableField
Boolean
disabled
Boolean
disabledIcon
Element
icon
Element
variant
"error"
"focused"
"info"
"success"
"warning"
required
Boolean
withDisabledIcon
Boolean
true
htmlFor
string

Packages #

Dependencies #
Peer dependencies #