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 #
| 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