Components

Required

Mark a label as required with a visual indicator.

Import

import { Required } from "@dr-max/ui/required"

The entry carries its own precompiled CSS — no extra style imports needed.

Usage

The form components (Input, Checkbox, Select, …) render the indicator automatically via their required prop — reach for Required directly only in custom labels:

Full name

<script setup lang="ts">
import { Required } from "@dr-max/ui/required"
</script>

<template>
  <label for="full-name">
    Full name
    <Required />
  </label>
</template>

Besides class the component has no props.