Required Indicator

The Required Indicator component is used to indicate that a field is required.

Demo

React

* indicates a required field.

Vue

* indicates a required field.

Usage

React

import { RequiredIndicator } from '@fintech-sandpit/ui/react';

return (
  <p>
    <RequiredIndicator /> indicates a required field.
  </p>
);

Vue

<script setup lang="ts">
import { RequiredIndicator } from '@fintech-sandpit/ui/vue';
</script>

<template>
  <p>
    <RequiredIndicator /> indicates a required field.
  </p>
</template>

Props

Name	Type	Default	Description
symbol	string	*	The symbol to use for the required indicator