A slider enables the user to input continuous values.

📦667 B


import { Slider } from "@camome/core/Slider";
export default function Default() {
return <Slider aria-label="volume" />;

Because this component is a bare input[type="range"] with some CSS styles, colorization of the current value is not supported currently.


import { Slider } from "@camome/core/Slider";
import styles from "./styles.module.scss";
export default function Size() {
return (
<div className={styles.size__container}>
<Slider aria-label="Volume" size="sm" />
<Slider aria-label="Volume" size="md" />
<Slider aria-label="Volume" size="lg" />