Mẫu hiển thị
Trang mẫu tổng hợp các kiểu nội dung — dùng để xem nhanh style docs hiển thị thế nào.
Đây là trang mẫu (style guide) gom đủ các thành phần thường dùng trong tài liệu, để bạn
xem trước cách hiển thị: tiêu đề, đoạn văn, danh sách, chữ đậm, chữ nghiêng,
liên kết và code nội dòng.
Tiêu đề cấp 2 (H2)
Đoạn văn thường dùng màu --doc-muted. Bạn có thể nhấn mạnh bằng chữ đậm (đậm hơn,
màu đậm hơn) hoặc chữ nghiêng. Một câu có thể chứa lệnh inline và đường liên kết.
Tiêu đề cấp 3 (H3)
Tiêu đề cấp 3 nhỏ hơn H2, dùng cho mục con bên trong một phần.
Tiêu đề cấp 4 (H4)
Tiêu đề cấp 4 dùng cho chi tiết sâu hơn nữa, ít khi cần đến.
Danh sách
Danh sách không thứ tự:
- Tải lên dữ liệu cửa hàng từ tệp Excel/CSV.
- Tùy biến bản đồ nền, lớp dữ liệu, chú giải.
- Nhúng bản đồ vào website hoặc chia sẻ qua liên kết.
Danh sách có thứ tự:
- Tạo bản đồ mới.
- Tải dữ liệu lên.
- Tùy biến giao diện.
- Chia sẻ cho khách hàng.
Trích dẫn / Callout
Mẹo: Bạn có thể tạo trang bản đồ đầu tiên chỉ trong vài phút mà không cần viết code. Khối trích dẫn này dùng để nhấn mạnh ghi chú quan trọng.
Code
Code nội dòng: dùng pnpm dev để chạy server phát triển.
Khối code nhiều dòng:
pnpm install
pnpm dev
type Store = {
id: string
name: string
lat: number
lng: number
}
Bảng dữ liệu
| Tính năng | Gói Free | Gói Pro |
|---|---|---|
| Số bản đồ | 1 | Không giới hạn |
| Nhúng website | ✓ | ✓ |
| Tùy biến thương hiệu | — | ✓ |
Đường kẻ ngang
Nội dung phía trên đường kẻ.
Nội dung phía dưới đường kẻ.
Thẻ điều hướng (DocCards)
Component DocCards / DocCard dùng để dẫn người đọc sang các trang liên quan: