Button

Component nút bấm với nhiều biến thể và kích thước khác nhau.

Default

Secondary

Outline

Ghost

Cài đặt

npm

npx @galaxy-stack/nebula-cli@latest add button

pnpm

pnpm dlx @galaxy-stack/nebula-cli@latest add button

yarn

yarn dlx @galaxy-stack/nebula-cli@latest add button

bun

bunx @galaxy-stack/nebula-cli@latest add button

global

# Nếu bạn đã cài galaxy-design global
galaxy-ui add button

Dependencies

Component này tự động cài đặt các dependencies sau:

• React: @radix-ui/react-slot, class-variance-authority
• Vue: radix-vue, class-variance-authority
• Angular: @radix-ng/primitives, class-variance-authority
• React Native: nativewind, tailwindcss
• Flutter: Không cần dependencies bổ sung (sử dụng Material Design 3)

Không cần cài đặt thủ công!

Sử dụng

Ví dụ cơ bản

Ví dụ sử dụng cơ bản sẽ được thêm vào đây.

API Reference

Props

Prop	Kiểu	Mặc định	Mô tả	Hỗ trợ Framework
variant	`'default'	'destructive'	'outline'	'secondary'
size	`'default'	'sm'	'lg'	'icon'`
asChild	boolean	false	Render như phần tử con sử dụng Radix Slot	Chỉ React, Vue
disabled	boolean	false	Nút có bị vô hiệu hóa hay không	Tất cả

Khả năng truy cập

• Điều hướng bàn phím: Space/Enter để kích hoạt
• Đọc màn hình: Sử dụng thẻ <button> ngữ nghĩa với thuộc tính ARIA phù hợp
• Quản lý focus: Focus được hiển thị với viền ring
• Tuân thủ WCAG: Tuân thủ WCAG 2.1 cấp độ AA

Khả năng truy cập

• Điều hướng bàn phím: [TODO]
• Đọc màn hình: [TODO]
• Quản lý focus: [TODO]
• Tuân thủ WCAG: Tuân thủ WCAG 2.1 cấp độ AA

Tác giả

Bùi Trọng Hiếu (kevinbui)

• GitHub: @buikevin
• Email: kevinbui210191@gmail.com

Giấy phép

MIT © 2025 Bùi Trọng Hiếu (kevinbui)

Tác giả

Bùi Trọng Hiếu (kevinbui)

• GitHub: @buikevin
• Email: kevinbui210191@gmail.com

Giấy phép

MIT © 2025 Bùi Trọng Hiếu (kevinbui)