Ark UI Slider

ArkSlider

Wrapper dùng @ark-ui/react/slider, giữ compound API quen thuộc kiểu Ark với Root, Control, Track, Range, Thumb, ValueText và Marker.

Chưa commit

Single value

Dùng component tiện ích <ArkSlider /> với value controlled, marks và ValueText tự động.

42%

Giá trị

42%

Trạng thái

Ổn định

Step

1

Range value

Hai thumb, minStepsBetweenValues và thumbCollisionBehavior dùng trực tiếp từ Ark UI.

350 N ₫ – 1,3 Tr ₫

Compound API

Tự lắp các part để kiểm soát layout, tương tự ví dụ Ark Slider.

64%

Mobile traffic

64%

Step, format và disabled

So sánh trạng thái tương tác thường gặp trong form cài đặt.

30 phút
72%

Disabled vẫn giữ layout, label và hidden range input của Ark UI.

Invalid state

Prop invalid đặt data-invalid và đổi màu track/thumb cho field validation.

92%

Demo visual invalid; validation thực tế có thể bọc thêm Field.Root của Ark UI hoặc form field của dự án.

Kích thước (Sizes sm, md, lg)

Hỗ trợ các kích thước chuẩn sm (h-1.5 / size-4), md (h-2 / size-5), lg (h-2.5 / size-6).

35%
60%
85%
© 2026. FlatVn All rights reserved. Version 4.3.40