Pet Travel Dev Components

Qwik-UI Label

This component implements the Material Design 3 label with proper accessibility support. It automatically associates with form controls and supports disabled states through peer styling.

Prop Controls

Disable Form Controls

Basic Labels

Basic Label

Required Label

Label Positions

Left Label

Right-aligned Label

Right Label

Label Styles

Styled Label

Label with DescriptionAdditional information about this field


<div class="flex flex-col gap-2">
  <Label name="example">Example Label</Label>
  <Input
    name="example"
    placeholder="Input with label..."
    disabled={isDisabled}
  />
</div>