Skip to main content

RequiredIndicator

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

Examples

Required Indicator

Asterisk with no accessible text label.

Code
<RequiredIndicator />

Required Indicator

Asterisk with accessible text label.

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

Different Sizes

Size is inherited from the parent Text component.

(required)

(required)

(required)

(required)

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