Label
Allows user to represents a caption for an item in a user interface.
version
5.6.0
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 #
Name | Type(s) | Default | Required |
---|---|---|---|
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 #
Previous
InputTextNext
MarkdownEditor