Label

Label is typically descriptive text for form elements, often associated with input fields or buttons to enhance readability and accessibility.

In this case, the Label component also includes status indicators, such as increase, decrease, updated, popular, new, and keyboard labels.

Basic

Basic Style

Basic status labels for indicating different states

Color Variants

Status labels in multiple colors to differentiate various states

Rounded Style

Rounded-design status labels for softer visual appeal

Outline Style

Outline-style status labels for minimalist design

With Icon

Icon-integrated status labels for enhanced visual indicators

Only Icon

Icon-only status labels for simplified information display

Log

Basic Style

Basic log labels suitable for operation logs

Code snippet not found, please check if the component name is correct

Color Variants

Multi-colored log labels to differentiate log types

Code snippet not found, please check if the component name is correct

Rounded Style

Rounded log labels for enhanced visual effect

Code snippet not found, please check if the component name is correct

Outline Style

Outline-style log labels for clean design aesthetic

Code snippet not found, please check if the component name is correct

Solid Style

Solid log labels for emphasized information

Code snippet not found, please check if the component name is correct

With Icon

Icon-integrated log labels for enhanced visual expression

Code snippet not found, please check if the component name is correct

Keyboard

Basic Style

Basic keyboard input labels for shortcut display

Code snippet not found, please check if the component name is correct

Color Variants

Multi-colored keyboard input labels to differentiate operations

Code snippet not found, please check if the component name is correct

Rounded Style

Rounded keyboard input labels for visual appeal

Code snippet not found, please check if the component name is correct

Outline Style

Outline-style keyboard input labels for minimalist design

Code snippet not found, please check if the component name is correct

Solid Style

Solid keyboard input labels for visual emphasis

Code snippet not found, please check if the component name is correct

With Icon

Icon-integrated keyboard input labels for rich operation display

Code snippet not found, please check if the component name is correct

Group

Keyboard input label groups for multi-step operation display

Code snippet not found, please check if the component name is correct

In Text Line

Inline text keyboard labels for document shortcut display

Code snippet not found, please check if the component name is correct

In Table

Table-integrated keyboard labels for operation instructions

Code snippet not found, please check if the component name is correct