Skip to main content

RequiredIndicator

A standalone component for visually indicating required form fields. Always displays an asterisk (*) with accessible text. Size is inherited from the parent text component.

Examples

Required Indicator

Renders an asterisk (*) by default.

Code
<RequiredIndicator />

With Label

Renders an asterisk (*) with accessible text label.

Code
<RequiredIndicator label="(required)" />

Different Sizes

Size is inherited from the parent Text component.

Code
<>
  <Text size="xs">
    <RequiredIndicator label="(required)" />
  </Text>
  <Text size="sm">
    <RequiredIndicator label="(required)" />
  </Text>
  <Text size="md">
    <RequiredIndicator label="(required)" />
  </Text>
  <Text size="lg">
    <RequiredIndicator label="(required)" />
  </Text>
</>

Props

label

string