Label

View Source 

Usage

@import "winduum/src/ui/label/index.css" layer(components);

Variants

• default 

Props

• default-props 

Installation

Follow instructions for individual framework usage below

• winduum 
• winduum-vue 
• winduum-react 

Examples

Basic

html

<div class="c-field">
    <label class="ui-label" for="input">Label</label>
    <div class="ui-control">
        <input type="text" id="input">
    </div>
</div>

vue

<script setup lang="ts">
    import { UiLabel } from '@/components/ui/label'
</script>

<template>
    <UiLabel for="input">Label</UiLabel>
</template>

jsx

import { UiLabel } from '@/components/ui/label'

export function Example() {
    return (
        <UiLabel for="input">Label</UiLabel>
    )
}