Getting Started

@fun-gauge/react:

• 120 fps
• lightweight 7.5kB min gizp
• customization
• responsive design
• typescript

How to use?

1. Install @fun-gauge/react:

   npm

   npm install @fun-gauge/react

   pnpm

   pnpm add @fun-gauge/react

   yarn

   yarn add @fun-gauge/react

2. Use the component:

   import Gauge from '@fun-gauge/react'
   
   export default function MyGauge(props: Props) {
       const { title = 'Hello Gauge', value = 60 } = props
   
       return (
           <div className='flex flex-col items-center bg-[#eff1f5]'>
               <h4 className='text-[#222]'>{title}</h4>
               <Gauge value={value} />
           </div>
       )
   }

Hello Gauge