Groudit UI

Slider

Betav1.0.0

범위 내 값 선택 컨트롤. 단일/범위 모드.

Loading…
// Slider 컴포넌트는 카탈로그 페이지에서 import 후 사용.

Installation

pnpm dlx shadcn@latest add https://groudit.com/r/slider.json

Composition

Slider

Dependencies

설치 시 자동으로 함께 들어오는 의존성. 모든 버전은 정확히 고정되어 자동 업데이트를 방지합니다.

npm packages

PackageVersion
@base-ui/react1.5.0
clsx2.1.1
tailwind-merge3.6.0

Groudit components

이 컴포넌트가 의존하는 다른 Groudit 컴포넌트 — 함께 설치됩니다.

Accessibility

이 컴포넌트는 WAI-ARIA slider 패턴을 따릅니다.

Keyboard interactions

KeyDescription
←→
값 감소/증가 (step 만큼).
↑↓
값 증가/감소.
PgUpPgDn
큰 단계로 이동.
HomeEnd
최소/최대 값.

WCAG 2.1 AA

이 컴포넌트는 다음 Success Criteria 충족을 목표로 합니다.

1.3.12.1.14.1.2

Notes

  • •aria-valuemin/max/now/text 자동 부여.