hệ thống thiết kế rastrillo

Tổng quan mọi thứ hệ thống thiết kế cung cấp. Chủ đề: plain. Ngôn ngữ: Tiếng Việt.

12 slug, đi kèm dưới dạng SVG nội tuyến và biên dịch thẳng vào tệp nhị phân: không bước build, không nguồn thứ hai, và chạy được khi hoàn toàn không có mạng. Kích thước mỗi cái lấy theo chữ bên cạnh nhờ chính quy tắc .icon của tokens.css, đúng cỡ bạn đang nhìn thấy ở đây. Một slug không ai trả lời thì không vẽ gì, nên gõ sai chỉ tốn một biểu tượng thiếu chứ không phải một trang chết giữa chừng.

• alert-triangle{{icon "alert-triangle"}}lucide.dev/icons/triangle-alert
• check{{icon "check"}}lucide.dev/icons/check
• check-circle{{icon "check-circle"}}lucide.dev/icons/circle-check
• chevron-down{{icon "chevron-down"}}lucide.dev/icons/chevron-down
• help-circle{{icon "help-circle"}}lucide.dev/icons/circle-help
• info{{icon "info"}}lucide.dev/icons/info
• kebab{{icon "kebab"}}lucide.dev/icons/ellipsis-vertical
• menu{{icon "menu"}}lucide.dev/icons/menu
• plus{{icon "plus"}}lucide.dev/icons/plus
• search{{icon "search"}}lucide.dev/icons/search
• x{{icon "x"}}lucide.dev/icons/x
• x-circle{{icon "x-circle"}}lucide.dev/icons/circle-x

Các tên là của riêng rastrillo

5 trong số 12 khác với tên mà lucide.dev công bố, nên ngay cả bộ Lucide cũng mang theo một bảng dịch của riêng nó. Ở đâu dòng cuối dưới một biểu tượng không lặp lại tên của nó, đó là một trong số ấy. Cái được là: một lệnh gọi luôn chỉ cùng một hình, dù ứng dụng tạo khung với bộ nào, và các partial đi kèm không bao giờ đổi khi bộ đổi.

kebab và menu là cặp đáng phân biệt cho rõ: kebab là ba chấm nghĩa là «còn thao tác khác cho hàng này», còn menu là ba vạch nghĩa là điều hướng. Các shell dùng menu khi thu gọn.

Các hình vẽ đến từ đâu

Lucide, đi kèm theo giấy phép ISC và ghim thẳng trong mã nguồn chứ không tải lúc chạy. rastrillo new --icons=font-awesome thay vào đó tạo khung với Font Awesome Free: một nguồn mà ứng dụng có thể lấy, không phải một phụ thuộc của framework này. Ở đây không có gì tải nó về, và Pro là sản phẩm trả phí mà rastrillo không thể đi kèm thay bạn.

Toàn bộ bộ này ở lucide.dev (mở trong tab mới).

Một biểu tượng framework không có

Gói icons mà rastrillo new viết ra là mã nguồn thuộc về ứng dụng: thêm hình vào đó rồi gọi như mọi biểu tượng khác. ui.WithIcons là mối nối đặt bộ của bạn lên trước bộ của chính framework.

tmpl := template.Must(template.New("").
	Funcs(ui.Funcs(ui.WithIcons(icons.Icon, icons.Assets))).
	ParseFS(ui.Templates(), "*.html"))

Cái bẫy, và nó im lặng: ui.FuncsWith gắn lại icon và iconAssets về bộ dựng sẵn. Một ứng dụng đã tạo khung bộ biểu tượng riêng phải truyền cả hai mối nối trong mọi lệnh gọi, nếu không biểu tượng của nó quay về Lucide ở mỗi yêu cầu mà vẫn vẽ ra thứ trông hoàn toàn hợp lý.

ui.Funcs(ui.WithT(t), ui.WithIcons(icons.Icon, icons.Assets))