Bermula

SenangStart Shapes menyediakan 496 aset SVG, merangkumi 302 bentuk dalam 14 kategori. Gunakan komponen web asli, topeng CSS, atau rentetan SVG dalam pemapar anda sendiri. Tiada rangka kerja atau kebergantungan masa jalan diperlukan.

Pemasangan

npm install @bookklik/senangstart-shapes

import '@bookklik/senangstart-shapes';

Tambah bentuk

<ss-shape shape="soft-nova" variant="duotone"
  style="font-size: 80px"></ss-shape>

Gunakan tag pembuka dan penutup berpasangan dalam HTML. Elemen tersuai bukan elemen kosong HTML.

Saiz lalai ialah 1em. Ubah font-size, atau tetapkan width dan height secara terus. Layari pustaka bentuk untuk nama, varian dan contoh yang boleh disalin.

Gunakan CDN

<script src="https://unpkg.com/@bookklik/senangstart-shapes@0.1.2/dist/senangstart-shape.min.js"></script>
<ss-shape shape="ten-lobe-rosette"></ss-shape>

Contoh CDN mengandaikan versi 0.1.2 telah diterbitkan. Untuk pembangunan tempatan, gunakan dist/senangstart-shape.min.js selepas menjalankan npm run build.

Baca panduan pemasangan, penggunaan dan penggayaan.