ZSlider

Range slider input

Example

50%

Import

import { ZSlider } from "zurto-ui";

Usage

import { ZSlider } from "zurto-ui";

function Example() {
  return <ZSlider min={0} max={100} defaultValue={65} showValue />;
}

Props

Prop	Type	Default	Description
min	number	0	Minimum value
max	number	100	Maximum value
value	number	-	Current value
step	number	1	Step increment
showValue	boolean	false	Show current value

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management