Welcome UI - Customizable design system with react

Label

The Label component is a UI element that provides a textual description or identifier for a corresponding form element, such as an input field, checkbox, or radio button. It enhances accessibility and usability by clearly indicating the purpose of the associated form element, ensuring users understand what information is required or what action is to be taken.

import * as React from 'react'
import { Label } from '@welcome-ui/label'

const Example = () => {
  return <Label>Default label</Label>
}

export default Example

Installation

Run the following command:

yarn add @welcome-ui/label

Import component:

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

Examples

Variants

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

Required

With required property.

Disabled