Table
Xem trước Table, sao chép snippet setup, xem ví dụ và kiểm tra export API cho @tuturuuu/ui/table.
Xem trước
Preview gọn dùng cùng primitive dùng chung được export bởi package.
Cài đặt
Cài package UI dùng chung, import global styles một lần, sau đó import thành phần từ subpath công khai.
bun add @tuturuuu/uiimport '@tuturuuu/ui/globals.css';import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '@tuturuuu/ui/table';Cách dùng
Sao chép snippet mặc định và điều chỉnh nhãn, trạng thái, handler theo bề mặt sản phẩm.
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@tuturuuu/ui/table';
<Table><TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Mira</TableCell></TableRow></TableBody></Table>Ví dụ
Ví dụ dùng lại snippet registry để tài liệu luôn khớp với catalog thành phần.
Mặc định
Một cách dùng tối thiểu dựa trên snippet registry hiện tại.
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@tuturuuu/ui/table';
<Table><TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader><TableBody><TableRow><TableCell>Mira</TableCell></TableRow></TableBody></Table>Kết hợp
Dùng các export nhóm khi primitive có slot, trigger, vùng nội dung hoặc provider.
import {
Table,
TableHeader,
TableRow,
TableHead,
TableBody,
TableCell,
} from '@tuturuuu/ui/table';Import package
Import qua đường dẫn package công khai để app workspace và app ngoài dùng chung một contract.
// Public package import
import { Table } from '@tuturuuu/ui/table';
// Workspace apps should keep importing through the package boundary.Tham chiếu API
Các export công khai hiện có từ entry thành phần này.
| Tên | Loại | Mô tả |
|---|---|---|
Table | Thành phần | Table được export từ @tuturuuu/ui/table. Xem source để biết props và chi tiết kết hợp riêng của thành phần. |
TableHeader | Thành phần | TableHeader được export từ @tuturuuu/ui/table. Xem source để biết props và chi tiết kết hợp riêng của thành phần. |
TableRow | Thành phần | TableRow được export từ @tuturuuu/ui/table. Xem source để biết props và chi tiết kết hợp riêng của thành phần. |
TableHead | Thành phần | TableHead được export từ @tuturuuu/ui/table. Xem source để biết props và chi tiết kết hợp riêng của thành phần. |
TableBody | Thành phần | TableBody được export từ @tuturuuu/ui/table. Xem source để biết props và chi tiết kết hợp riêng của thành phần. |
TableCell | Thành phần | TableCell được export từ @tuturuuu/ui/table. Xem source để biết props và chi tiết kết hợp riêng của thành phần. |
Tùy biến
Các prop, trạng thái và điểm kết hợp cần xem trước khi dùng thành phần.
