Docs
/Components
/AmountWithSliderInput
AmountWithSliderInput
Component to input amount. Beautiful formating so it's easy for your user to input amount.
import { AmountWithSliderInput } from "@wizard-ui/react";
Usage
import { useState } from "react";
import { AmountWithSliderInput } from "@wizard-ui/react";
function App() {
const [value, setValue] = useState("");
return <AmountWithSliderInput max="6" value={value} onChange={setValue} />;
}
label (optional)
import { useState } from "react";
import { AmountWithSliderInput } from "@wizard-ui/react";
function App() {
const [value, setValue] = useState("");
return (
<AmountWithSliderInput
label="Amount"
max="6"
value={value}
onChange={setValue}
/>
);
}