Ark UI Component

Ark Timer

Thành phần đồng hồ đếm giờ chuẩn WAI-ARIA xây dựng trên @ark-ui/react/timer và Tailwind CSS v4. Khi kết thúc (về 0 hoặc chạm đích), nút "Bắt đầu" tự động vô hiệu hóa và nút "Đặt lại" xuất hiện để sẵn sàng thiết lập lại phiên mới.

Chưa có sự kiện

Stopwatch

Đếm tăng không giới hạn với đầy đủ action start, pause, resume, reset và restart.

00
00

Countdown + progress

Đếm ngược từ 30 giây về 0, vô hiệu hóa nút Bắt đầu và hiện nút Đặt lại khi hoàn thành.

00
30

Interval milliseconds

Interval 100 ms hiển thị milliseconds, dừng tại target 10s và kích hoạt chế độ hoàn thành.

00
00
000

Events + Context

onTick nhận TickDetails; Context đọc trạng thái và giá trị hiện tại.

00
10
Trạng thái: sẵn sàng · giây: 10s 0ms

RootProvider

useTimer tạo state bên ngoài rồi truyền vào RootProvider, đồng bộ trạng thái hoàn thành.

00
20

Pomodoro

Tự chuyển giữa phiên tập trung 10 giây và nghỉ 5 giây.

Phiên tập trungĐang chạy
00
10

Sizes & Variants

Hỗ trợ nhiều kích thước (sm, md, lg) và biến thể khung (bordered, card, subtle) qua shorthand API.

Kích cỡ (sm, md, lg)

00
00
00
00
00
00

Biến thể khung (bordered: target 5s, card: countdown 10s, subtle: stopwatch)

00
00
00
10
00
00
© 2026. FlatVn All rights reserved. Version 4.3.40