25 lines
805 B
TypeScript
25 lines
805 B
TypeScript
import { NumberInput as ChakraNumberInput } from "@chakra-ui/react"
|
|
import * as React from "react"
|
|
|
|
export interface NumberInputProps extends ChakraNumberInput.RootProps {}
|
|
|
|
export const NumberInputRoot = React.forwardRef<
|
|
HTMLDivElement,
|
|
NumberInputProps
|
|
>(function NumberInput(props, ref) {
|
|
const { children, ...rest } = props
|
|
return (
|
|
<ChakraNumberInput.Root ref={ref} variant="outline" {...rest}>
|
|
{children}
|
|
<ChakraNumberInput.Control>
|
|
<ChakraNumberInput.IncrementTrigger />
|
|
<ChakraNumberInput.DecrementTrigger />
|
|
</ChakraNumberInput.Control>
|
|
</ChakraNumberInput.Root>
|
|
)
|
|
})
|
|
|
|
export const NumberInputField = ChakraNumberInput.Input
|
|
export const NumberInputScrubber = ChakraNumberInput.Scrubber
|
|
export const NumberInputLabel = ChakraNumberInput.Label
|