UNPKG

koval-ui

Version:

React components collection with minimalistic design. Supports theming, layout, and input validation.

1 lines 1.56 kB
{"version":3,"file":"Meter.cjs","sources":["../../../../src/lib/Text/Meter.tsx"],"sourcesContent":["import {forwardRef} from 'react';\nimport classNames from 'classnames';\n\nimport type {DataAttributes, LibraryProps} from '@/internal/LibraryAPI';\n\nimport classes from './Text.module.css';\n\nexport type Props = DataAttributes &\n LibraryProps & {\n max: number;\n min: number;\n value: number;\n low?: number;\n high?: number;\n optimum?: number;\n };\n\nexport const Meter = forwardRef<HTMLMeterElement, Props>(\n ({max, min, value, low, high, optimum, className, ...nativeProps}, ref) => {\n return (\n <meter\n {...nativeProps}\n min={min}\n max={max}\n low={low}\n high={high}\n optimum={optimum}\n value={value}\n className={classNames(classes.meter, className)}\n ref={ref}>\n {value}\n </meter>\n );\n }\n);\n\nMeter.displayName = 'Meter';\n"],"names":["Meter","forwardRef","max","min","value","low","high","optimum","className","nativeProps","ref","jsx","classNames","classes"],"mappings":"gNAiBaA,EAAQC,EAAA,WACjB,CAAC,CAAC,IAAAC,EAAK,IAAAC,EAAK,MAAAC,EAAO,IAAAC,EAAK,KAAAC,EAAM,QAAAC,EAAS,UAAAC,EAAW,GAAGC,CAAW,EAAGC,IAE3DC,EAAA,IAAC,QAAA,CACI,GAAGF,EACJ,IAAAN,EACA,IAAAD,EACA,IAAAG,EACA,KAAAC,EACA,QAAAC,EACA,MAAAH,EACA,UAAWQ,EAAWC,UAAQ,MAAOL,CAAS,EAC9C,IAAAE,EACC,SAAAN,CAAA,CACL,CAGZ,EAEAJ,EAAM,YAAc"}