Slider

#Default usage

#Usage

import { Slider } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <Slider aria-label="Preview density" defaultValue={[56]} max={100} step={1} />
  );
}

#Patterns

#Accessibility

Slider uses Radix slider semantics, keyboard interaction, disabled state, and focus-visible styling. Always provide a label.

#API

• Supports Radix slider root props such as value, defaultValue, min, max, step, and disabled.
• Current implementation renders one thumb.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.