useSetup

A hook to setup the library-wide settings.

Example

React

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

const { setRequiredIndicatorSymbol } = useSetup();

setRequiredIndicatorSymbol('!');

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

Vue

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

const { setRequiredIndicatorSymbol } = useSetup();

setRequiredIndicatorSymbol('!');
</script>

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