Skip to content
API reference

components/slider

Import
import * as api from "@fungi.computer/caps/components/slider";
Kind Export Description
type alias SliderTone Supported SliderTone values.
type alias SliderSize Supported SliderSize values.
type alias SliderProps Props accepted by Slider.
constant Slider A native range input with product-neutral tone and size variants. On a Screen it reads the screen context and draws as a segmented level.

SliderTonetype alias

Section titled “SliderTone”
Signature
type SliderTone =
| "neutral"
| "primary"
| "secondary"
| "accent"
| "success"
| "info"
| "warning"
| "error";

Supported SliderTone values.


SliderSizetype alias

Section titled “SliderSize”
Signature
type SliderSize = "xs" | "sm" | "default" | "lg";

Supported SliderSize values.


SliderPropstype alias

Section titled “SliderProps”
Signature
type SliderProps = object &
Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">;

Props accepted by Slider.

Name Type
size? SliderSize
tone? SliderTone

Sliderconstant

Section titled “Slider”
Signature
const Slider: ForwardRefExoticComponent<
object &
Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> &
RefAttributes<HTMLInputElement>
>;

A native range input with product-neutral tone and size variants. On a Screen it reads the screen context and draws as a segmented level.