Biểu tượng
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.
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. Truyền Icon và Assets của nó cho ui.Pages dưới tên icon và iconAssets, và bộ của bạn sẽ đứng trước bộ của chính framework.
Funcs: template.FuncMap{"icon": icons.Icon, "iconAssets": icons.Assets, "asset": assets.Path},
Luôn truyền cả hai. Nếu chỉ truyền icon, iconAssets vẫn ở giá trị mặc định của framework, và cách phân phối cdn hay js sẽ hỏng mà không báo lỗi nào.