Components

Number Input

Field to enter and submit numeric input.

   

Import NumberInput

Tremor exports one component for number input.

import { NumberInput } from "@tremor/react";

Usage example

The example below shows number input examples with an icon property, error message, no stepper buttons, and a disabled state.

import { NumberInput } from "@tremor/react";
import { SearchIcon } from "@heroicons/react/solid";

export default () => (
  <>
    <NumberInput icon={CurrencyDollarIcon} placeholder="Amount..." />
    <NumberInput error={true} errorMessage="Number out of bounds" />
    <NumberInput placeholder="Disabled" disabled={true} />
    <NumberInput enableStepper={false} />
  </>
);

Theming

Number Input

API Reference: NumberInput

client component