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}
    />
  );
}
Yeti Labs 2022 © yetilabs.io