Skip to content

Label ​

Source: client/lib/theme/vueda-tailwind/shell/index.js

The accessible label text for controls and grouped inputs. It handles disabled states from both group and peer contexts while preserving compact inline alignment.

Vue component: Label

SlotDefault classesDescription
root2 classesThe accessible label text for controls and grouped inputs. It handles disabled states from both group and peer contexts while preserving compact inline alignment.

root ​

The accessible label text for controls and grouped inputs. It handles disabled states from both group and peer contexts while preserving compact inline alignment.

Default classes:

text
flex items-center gap-2 text-sm leading-none font-medium select-none
group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50

Source: client/lib/theme/vueda-tailwind/shell/Label.theme.js:18