Icons
Icon digunakan untuk menampilkan ikon SVG dengan berbagai ukuran.
Icon digunakan untuk menampilkan ikon SVG dengan berbagai ukuran. Cocok untuk menambahkan ikon di dalam teks, tombol, atau sebagai elemen dekoratif.
Preview
Sintaks
Gunakan :icon[nama] dengan atribut ukuran:
:icon[star]:icon[star]{size="lg"}:icon[github]{size="sm"}Klik :icon[arrow] untuk melanjutkan.Penggunaan
Ikon Dasar
Ikon dengan ukuran default md.
Ikon dengan Ukuran
Atur ukuran menggunakan atribut size.
| Ukuran | Preview |
|---|---|
sm |
|
md |
|
lg |
Ikon di Dalam Teks
Ikon bisa diletakkan di dalam paragraf
Atribut
Icon menerima properti berikut:
size
Tipe: "sm" | "md" | "lg"
Default: "md"
Wajib: Tidak
Ukuran ikon.
| Nilai | Ukuran |
|---|---|
sm |
0.75rem (12px) |
md |
1rem (16px) |
lg |
1.25rem (20px) |
class
Tipe: string
Wajib: Tidak
Class CSS tambahan untuk kustomisasi styling.
Catatan
- Nama ikon ditulis di dalam
[] - Icon menggunakan SVG mask, konsisten dengan komponen lain (filetree, button, badge, card)
- Ukuran default adalah
md(1rem / 16px) - Ikon bersifat inline, bisa diletakkan di dalam paragraf
- Warna ikon mengikuti
currentColor, bisa diubah dengan CSS