Clarity - Hướng dẫn thành phần

Ghi chú này minh hoạ các thành phần kiểu Confluence của theme Clarity. Mở ở chế độ đọc (Reading view) để thấy đầy đủ hiệu ứng.

1. Panel

Info

Panel thông tin — dùng cho ghi chú chung.

Ghi chú

Panel ghi chú màu tím, như “Note” của Confluence.

Success

Thêm |notitle để ẩn dòng tiêu đề, nội dung đứng ngang icon.

Lưu ý

Panel cảnh báo.

Lỗi

Panel lỗi / nguy hiểm.

2. Status lozenge

Trạng thái: status/todo status/in-progress status/review status/done status/blocked status/on-hold status/cancelled

3. Expand

Bấm để xem chi tiết

Nội dung được ẩn mặc định. Bỏ dấu - sau ] nếu muốn mở sẵn.

4. Bảng lưới (cssclasses: table-grid)

Hạng mục	Người phụ trách	Hạn	Trạng thái
Thiết kế API	@TungDD	2026-10-25	status/in-progress
Viết tài liệu	@An	2026-10-30	status/todo
Review bảo mật	@Bình	2026-11-02	status/blocked

5. Độ rộng trang

Thêm vào Properties: cssclasses: wide (rộng 1100px) hoặc cssclasses: full-width (toàn màn hình).

6. Nhiều cột

Columns

Col

Mục tiêu

• Giảm thời gian phản hồi
• Tăng độ ổn định

Cột là panel

Mỗi cột có thể là bất kỳ callout nào.

7. Checkbox nhiều trạng thái

• Việc cần làm
• Việc đã xong
• Quyết định: dùng PostgreSQL cho dịch vụ Billing
• Quan trọng: gia hạn chứng chỉ SSL trước 01/11
• Câu hỏi: có cần hỗ trợ đa tiền tệ?
• Dời sang sprint sau
• Huỷ: tích hợp hệ thống cũ

8. @Mention

Giao cho @TungDD và @An xử lý.

9. Ngày

Họp kick-off ngày 2026-10-21, phát hành dự kiến 2026-12-01.

10. Page properties

Phần Properties ở đầu ghi chú này hiển thị dạng bảng 2 cột.

11. Callout mặc định của Obsidian

Các callout có sẵn của Obsidian dùng chung bố cục panel, mỗi nhóm một màu. Tên trong ngoặc là tên gọi khác cho cùng kiểu.

Abstract (summary, tldr)

Tóm tắt nội dung — màu xám trung tính.

Todo

Việc cần làm — màu xanh dương.

Tip (hint, important)

Mẹo hữu ích — màu xanh ngọc.

Question (help, faq)

Câu hỏi thường gặp — màu hồng.

Example

Ví dụ minh hoạ — màu xanh lá mạ.

Bug

Lỗi phần mềm — màu đỏ.

Failure (fail, missing)

Thất bại — màu đỏ.

Steve Jobs

Simple can be harder than complex.

Callout thu gọn được

Thêm - (đóng sẵn) hoặc + (mở sẵn) sau ] để bấm thu gọn / mở rộng.