Slider | Camome UI

Overview

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.

Size

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" />
    </div>
  );
}