useState

A hook to manage the state of a component.

Example

React

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

const {
  value,
  setValue,
  resetValue,
} = useState(0);

return (
  <div>
    <span>Current value: {value}</span>

    <button onClick={() => setValue(value + 1)}>Increment</button>

    <button onClick={() => setValue(value - 1)}>Decrement</button>

    <button onClick={resetValue}>Reset</button>
  </div>
);

Vue

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

const {
  value,
  setValue,
  resetValue,
} = useState(0);
</script>

<template>
  <div>
    <span>Current value: {{ value }}</span>

    <button @click="() => setValue(value + 1)">Increment</button>

    <button @click="() => setValue(value - 1)">Decrement</button>

    <button @click="resetValue">Reset</button>
  </div>
</template>