Storybook · GiamCan.me

Màu sắc

Bảng màu theme, khai báo trong tailwind.config.js.

primary

#0A84FF

success

#34C759

warning

#FF9F0A

danger

#FF453A

surface

#F2F2F7

Chữ

Font mặc định — xem app.css.

Heading 1 text-3xl font-bold

Heading 2 text-xl font-semibold

Heading 3 / card title font-semibold

Body text text-base

Muted / helper text text-sm text-gray-500

Buttons

x-primary-button, x-secondary-button, x-danger-button.

Primary (link)

Nav links

x-nav-link, x-responsive-nav-link.

Active Inactive Responsive active Responsive inactive

Form

x-text-input, x-select, x-date-picker, x-input-error, x-auth-session-status.

Text input

Password input

Select

Date picker

T2T3T4T5T6T7CN

Input error

Trường này là bắt buộc.

Session status

Đã lưu thành công.

Dropdown

x-dropdown + x-dropdown-link.

Modal

x-modal, mở qua sự kiện open-modal / close-modal.

Icons

x-icon — bộ outline 24x24 dùng chung, xem components/icon.blade.php.

home

food

water

check-circle

circle

journal

dumbbell

sparkles

calendar

camera

refresh

chart-bar

trending-down

route

moon

scale

flame