Label ​

Features ​

• Text selection is prevented when double clicking label.
• Supports nested controls.

Installation ​

Install the component from your command line.

npm install radix-vue

Anatomy ​

Import the component.

<script setup>
import { Label } from 'radix-vue'
</script>

<template>
  <Label />
</template>

API Reference ​

Root ​

Contains the content for the label.

Accessibility ​

This component is based on the native label element, it will automatically apply the correct labelling when wrapping controls or using the for attribute. For your own custom controls to work correctly, ensure they use native elements such as button or input as a base.