@bookklik/senangstart-icons 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/deploy-docs.yml +61 -0
- package/dist/senangstart-icon.min.js +1 -1
- package/dist/senangstart-icon.min.js.map +1 -1
- package/dist/senangstart.min.css +1 -1
- package/dist/senangstart.min.css.map +1 -1
- package/docs/.vitepress/config.mjs +171 -0
- package/docs/.vitepress/theme/custom.css +64 -0
- package/docs/.vitepress/theme/index.js +4 -0
- package/docs/guide/configuration.md +125 -0
- package/docs/guide/getting-started.md +34 -0
- package/docs/guide/installation.md +54 -0
- package/docs/guide/styling.md +156 -0
- package/docs/guide/usage.md +103 -0
- package/docs/icons/alert.md +59 -0
- package/docs/icons/align-bottom-object.md +59 -0
- package/docs/icons/align-center-object.md +59 -0
- package/docs/icons/align-left-object.md +59 -0
- package/docs/icons/align-middle-object.md +59 -0
- package/docs/icons/align-right-object.md +59 -0
- package/docs/icons/align-top-object.md +59 -0
- package/docs/icons/ar.md +59 -0
- package/docs/icons/archive-box.md +59 -0
- package/docs/icons/arrow-down.md +59 -0
- package/docs/icons/arrow-left-arrow-right.md +59 -0
- package/docs/icons/arrow-left-on-rectangle.md +59 -0
- package/docs/icons/arrow-left-right.md +59 -0
- package/docs/icons/arrow-left.md +59 -0
- package/docs/icons/arrow-long-down.md +59 -0
- package/docs/icons/arrow-long-left.md +59 -0
- package/docs/icons/arrow-long-right.md +59 -0
- package/docs/icons/arrow-long-up.md +59 -0
- package/docs/icons/arrow-path.md +59 -0
- package/docs/icons/arrow-right-on-rectangle.md +59 -0
- package/docs/icons/arrow-right.md +59 -0
- package/docs/icons/arrow-rotate-ccw.md +59 -0
- package/docs/icons/arrow-rotate-cw.md +59 -0
- package/docs/icons/arrow-top-right-on-square.md +59 -0
- package/docs/icons/arrow-up-arrow-down.md +59 -0
- package/docs/icons/arrow-up-down-left-right.md +59 -0
- package/docs/icons/arrow-up-down.md +59 -0
- package/docs/icons/arrow-up.md +59 -0
- package/docs/icons/banknotes.md +59 -0
- package/docs/icons/bars-3.md +59 -0
- package/docs/icons/basket.md +59 -0
- package/docs/icons/battery-0.md +59 -0
- package/docs/icons/battery-10.md +59 -0
- package/docs/icons/battery-100.md +59 -0
- package/docs/icons/battery-50.md +59 -0
- package/docs/icons/bell-alert.md +59 -0
- package/docs/icons/bell.md +59 -0
- package/docs/icons/bolt.md +59 -0
- package/docs/icons/book-close.md +59 -0
- package/docs/icons/book-open.md +59 -0
- package/docs/icons/book-stacked.md +59 -0
- package/docs/icons/bookmark.md +59 -0
- package/docs/icons/briefcase.md +59 -0
- package/docs/icons/brush.md +59 -0
- package/docs/icons/cake.md +59 -0
- package/docs/icons/calendar-approve.md +59 -0
- package/docs/icons/calendar-days.md +59 -0
- package/docs/icons/calendar-minus.md +59 -0
- package/docs/icons/calendar-plus.md +59 -0
- package/docs/icons/calendar-reject.md +59 -0
- package/docs/icons/calendar.md +59 -0
- package/docs/icons/camera.md +59 -0
- package/docs/icons/carousel.md +59 -0
- package/docs/icons/chart-bar.md +59 -0
- package/docs/icons/chart-line.md +59 -0
- package/docs/icons/chart-pie.md +59 -0
- package/docs/icons/chat-bubble-left-ellipsis.md +59 -0
- package/docs/icons/chat-bubble-left-right.md +59 -0
- package/docs/icons/chat-bubble-left.md +59 -0
- package/docs/icons/chat-bubble-right-ellipsis.md +59 -0
- package/docs/icons/chat-bubble-right.md +59 -0
- package/docs/icons/chatbot.md +59 -0
- package/docs/icons/check.md +59 -0
- package/docs/icons/chevron-double-down.md +59 -0
- package/docs/icons/chevron-double-left.md +59 -0
- package/docs/icons/chevron-double-right.md +59 -0
- package/docs/icons/chevron-double-up.md +59 -0
- package/docs/icons/chevron-down.md +59 -0
- package/docs/icons/chevron-left.md +59 -0
- package/docs/icons/chevron-right.md +59 -0
- package/docs/icons/chevron-up.md +59 -0
- package/docs/icons/circle.md +59 -0
- package/docs/icons/clipboard-document-check.md +59 -0
- package/docs/icons/clipboard.md +59 -0
- package/docs/icons/clock.md +59 -0
- package/docs/icons/cloud.md +59 -0
- package/docs/icons/code.md +59 -0
- package/docs/icons/cog-6-tooth.md +59 -0
- package/docs/icons/compress.md +59 -0
- package/docs/icons/computer-code.md +59 -0
- package/docs/icons/computer-desktop.md +59 -0
- package/docs/icons/computer-laptop.md +59 -0
- package/docs/icons/cone.md +59 -0
- package/docs/icons/console.md +59 -0
- package/docs/icons/container.md +59 -0
- package/docs/icons/contrast.md +59 -0
- package/docs/icons/controller.md +59 -0
- package/docs/icons/credit-card.md +59 -0
- package/docs/icons/crop.md +59 -0
- package/docs/icons/crosshair.md +59 -0
- package/docs/icons/cube.md +59 -0
- package/docs/icons/currency-dollar.md +59 -0
- package/docs/icons/currency-euro.md +59 -0
- package/docs/icons/currency-pound.md +59 -0
- package/docs/icons/currency-ringgit.md +59 -0
- package/docs/icons/currency-yen.md +59 -0
- package/docs/icons/cursor.md +59 -0
- package/docs/icons/cylinder-half.md +59 -0
- package/docs/icons/cylinder.md +59 -0
- package/docs/icons/device-phone-mobile.md +59 -0
- package/docs/icons/device-tablet.md +59 -0
- package/docs/icons/diamond.md +59 -0
- package/docs/icons/document-duplicate.md +59 -0
- package/docs/icons/document-text.md +59 -0
- package/docs/icons/document.md +59 -0
- package/docs/icons/dodecahedron.md +59 -0
- package/docs/icons/double-tick.md +59 -0
- package/docs/icons/draw-curve.md +59 -0
- package/docs/icons/draw-line.md +59 -0
- package/docs/icons/envelope-open.md +59 -0
- package/docs/icons/envelope.md +59 -0
- package/docs/icons/eraser.md +59 -0
- package/docs/icons/exclamation-circle.md +59 -0
- package/docs/icons/exclamation-triangle.md +59 -0
- package/docs/icons/expand.md +59 -0
- package/docs/icons/eye-slash.md +59 -0
- package/docs/icons/eye.md +59 -0
- package/docs/icons/flag.md +59 -0
- package/docs/icons/flip-horizontal.md +59 -0
- package/docs/icons/flip-vertical.md +59 -0
- package/docs/icons/focus.md +59 -0
- package/docs/icons/folder-minus.md +59 -0
- package/docs/icons/folder-open.md +59 -0
- package/docs/icons/folder-plus.md +59 -0
- package/docs/icons/folder.md +59 -0
- package/docs/icons/font.md +59 -0
- package/docs/icons/game.md +59 -0
- package/docs/icons/gift.md +59 -0
- package/docs/icons/globe-alt.md +59 -0
- package/docs/icons/gradient.md +59 -0
- package/docs/icons/grid.md +59 -0
- package/docs/icons/group-object.md +59 -0
- package/docs/icons/hand-grab.md +59 -0
- package/docs/icons/hand-thumb-down.md +59 -0
- package/docs/icons/hand-thumb-up.md +59 -0
- package/docs/icons/hand.md +59 -0
- package/docs/icons/heart-extruded.md +59 -0
- package/docs/icons/heart.md +59 -0
- package/docs/icons/hexagon.md +59 -0
- package/docs/icons/home.md +59 -0
- package/docs/icons/horizontal-3-dots.md +59 -0
- package/docs/icons/hourglass-0.md +59 -0
- package/docs/icons/hourglass-100.md +59 -0
- package/docs/icons/hourglass-50.md +59 -0
- package/docs/icons/hourglass-80.md +59 -0
- package/docs/icons/icosahedron.md +59 -0
- package/docs/icons/inbox.md +59 -0
- package/docs/icons/index.md +1295 -0
- package/docs/icons/information-circle.md +59 -0
- package/docs/icons/key.md +59 -0
- package/docs/icons/layer-stacks.md +59 -0
- package/docs/icons/layout.md +59 -0
- package/docs/icons/light-bulb.md +59 -0
- package/docs/icons/lock-closed.md +59 -0
- package/docs/icons/lock-open.md +59 -0
- package/docs/icons/magic-wand.md +59 -0
- package/docs/icons/magnifying-glass-focus.md +59 -0
- package/docs/icons/magnifying-glass-minus.md +59 -0
- package/docs/icons/magnifying-glass-plus.md +59 -0
- package/docs/icons/magnifying-glass.md +59 -0
- package/docs/icons/map-pin.md +59 -0
- package/docs/icons/map.md +59 -0
- package/docs/icons/marquee.md +59 -0
- package/docs/icons/maximize.md +59 -0
- package/docs/icons/medal.md +59 -0
- package/docs/icons/microphone-mute.md +59 -0
- package/docs/icons/microphone.md +59 -0
- package/docs/icons/minimize.md +59 -0
- package/docs/icons/minus.md +59 -0
- package/docs/icons/moon.md +59 -0
- package/docs/icons/musical-note.md +59 -0
- package/docs/icons/octahedron.md +59 -0
- package/docs/icons/panorama.md +59 -0
- package/docs/icons/paper-clip.md +59 -0
- package/docs/icons/pause-circle.md +59 -0
- package/docs/icons/pause.md +59 -0
- package/docs/icons/pencil.md +59 -0
- package/docs/icons/phone-x-mark.md +59 -0
- package/docs/icons/phone.md +59 -0
- package/docs/icons/photo.md +59 -0
- package/docs/icons/plane.md +59 -0
- package/docs/icons/play-circle.md +59 -0
- package/docs/icons/play.md +59 -0
- package/docs/icons/plus.md +59 -0
- package/docs/icons/polygon.md +59 -0
- package/docs/icons/presentation-chart-line.md +59 -0
- package/docs/icons/presentation-media.md +59 -0
- package/docs/icons/pyramid.md +59 -0
- package/docs/icons/qr-code.md +59 -0
- package/docs/icons/question-mark-circle.md +59 -0
- package/docs/icons/rectangle.md +59 -0
- package/docs/icons/reel.md +59 -0
- package/docs/icons/robot.md +59 -0
- package/docs/icons/roof.md +59 -0
- package/docs/icons/rotate-add.md +59 -0
- package/docs/icons/rotate-minus.md +59 -0
- package/docs/icons/save.md +59 -0
- package/docs/icons/scissor.md +59 -0
- package/docs/icons/shapes.md +59 -0
- package/docs/icons/shield-check.md +59 -0
- package/docs/icons/shield-exclamation.md +59 -0
- package/docs/icons/shopping-bag.md +59 -0
- package/docs/icons/shopping-cart.md +59 -0
- package/docs/icons/sliders-horizontal.md +59 -0
- package/docs/icons/sliders-vertical.md +59 -0
- package/docs/icons/sparkles.md +59 -0
- package/docs/icons/speaker-wave.md +59 -0
- package/docs/icons/speaker-x-mark.md +59 -0
- package/docs/icons/sphere-half.md +59 -0
- package/docs/icons/sphere.md +59 -0
- package/docs/icons/square.md +59 -0
- package/docs/icons/star.md +59 -0
- package/docs/icons/stop-circle.md +59 -0
- package/docs/icons/stop.md +59 -0
- package/docs/icons/sun.md +59 -0
- package/docs/icons/table.md +59 -0
- package/docs/icons/tabs.md +59 -0
- package/docs/icons/tetrahedron.md +59 -0
- package/docs/icons/text-align-center.md +59 -0
- package/docs/icons/text-align-justify.md +59 -0
- package/docs/icons/text-align-left.md +59 -0
- package/docs/icons/text-align-right.md +59 -0
- package/docs/icons/text.md +59 -0
- package/docs/icons/thunder.md +59 -0
- package/docs/icons/tic-tac-toe.md +59 -0
- package/docs/icons/time-reset.md +59 -0
- package/docs/icons/torus-knot.md +59 -0
- package/docs/icons/torus.md +59 -0
- package/docs/icons/trash.md +59 -0
- package/docs/icons/trophy.md +59 -0
- package/docs/icons/truck.md +59 -0
- package/docs/icons/tube.md +59 -0
- package/docs/icons/ungroup-object.md +59 -0
- package/docs/icons/user-circle.md +59 -0
- package/docs/icons/user-group.md +59 -0
- package/docs/icons/user-minus.md +59 -0
- package/docs/icons/user-plus.md +59 -0
- package/docs/icons/user.md +59 -0
- package/docs/icons/users.md +59 -0
- package/docs/icons/vertical-3-dots.md +59 -0
- package/docs/icons/video-camera.md +59 -0
- package/docs/icons/vr.md +59 -0
- package/docs/icons/wedge.md +59 -0
- package/docs/icons/whiteboard.md +59 -0
- package/docs/icons/wifi.md +59 -0
- package/docs/icons/window.md +59 -0
- package/docs/icons/x-mark.md +59 -0
- package/docs/index.md +48 -0
- package/docs/ms/guide/configuration.md +125 -0
- package/docs/ms/guide/getting-started.md +34 -0
- package/docs/ms/guide/installation.md +54 -0
- package/docs/ms/guide/styling.md +156 -0
- package/docs/ms/guide/usage.md +103 -0
- package/docs/ms/icons/alert.md +59 -0
- package/docs/ms/icons/align-bottom-object.md +59 -0
- package/docs/ms/icons/align-center-object.md +59 -0
- package/docs/ms/icons/align-left-object.md +59 -0
- package/docs/ms/icons/align-middle-object.md +59 -0
- package/docs/ms/icons/align-right-object.md +59 -0
- package/docs/ms/icons/align-top-object.md +59 -0
- package/docs/ms/icons/ar.md +59 -0
- package/docs/ms/icons/archive-box.md +59 -0
- package/docs/ms/icons/arrow-down.md +59 -0
- package/docs/ms/icons/arrow-left-arrow-right.md +59 -0
- package/docs/ms/icons/arrow-left-on-rectangle.md +59 -0
- package/docs/ms/icons/arrow-left-right.md +59 -0
- package/docs/ms/icons/arrow-left.md +59 -0
- package/docs/ms/icons/arrow-long-down.md +59 -0
- package/docs/ms/icons/arrow-long-left.md +59 -0
- package/docs/ms/icons/arrow-long-right.md +59 -0
- package/docs/ms/icons/arrow-long-up.md +59 -0
- package/docs/ms/icons/arrow-path.md +59 -0
- package/docs/ms/icons/arrow-right-on-rectangle.md +59 -0
- package/docs/ms/icons/arrow-right.md +59 -0
- package/docs/ms/icons/arrow-rotate-ccw.md +59 -0
- package/docs/ms/icons/arrow-rotate-cw.md +59 -0
- package/docs/ms/icons/arrow-top-right-on-square.md +59 -0
- package/docs/ms/icons/arrow-up-arrow-down.md +59 -0
- package/docs/ms/icons/arrow-up-down-left-right.md +59 -0
- package/docs/ms/icons/arrow-up-down.md +59 -0
- package/docs/ms/icons/arrow-up.md +59 -0
- package/docs/ms/icons/banknotes.md +59 -0
- package/docs/ms/icons/bars-3.md +59 -0
- package/docs/ms/icons/basket.md +59 -0
- package/docs/ms/icons/battery-0.md +59 -0
- package/docs/ms/icons/battery-10.md +59 -0
- package/docs/ms/icons/battery-100.md +59 -0
- package/docs/ms/icons/battery-50.md +59 -0
- package/docs/ms/icons/bell-alert.md +59 -0
- package/docs/ms/icons/bell.md +59 -0
- package/docs/ms/icons/bolt.md +59 -0
- package/docs/ms/icons/book-close.md +59 -0
- package/docs/ms/icons/book-open.md +59 -0
- package/docs/ms/icons/book-stacked.md +59 -0
- package/docs/ms/icons/bookmark.md +59 -0
- package/docs/ms/icons/briefcase.md +59 -0
- package/docs/ms/icons/brush.md +59 -0
- package/docs/ms/icons/cake.md +59 -0
- package/docs/ms/icons/calendar-approve.md +59 -0
- package/docs/ms/icons/calendar-days.md +59 -0
- package/docs/ms/icons/calendar-minus.md +59 -0
- package/docs/ms/icons/calendar-plus.md +59 -0
- package/docs/ms/icons/calendar-reject.md +59 -0
- package/docs/ms/icons/calendar.md +59 -0
- package/docs/ms/icons/camera.md +59 -0
- package/docs/ms/icons/carousel.md +59 -0
- package/docs/ms/icons/chart-bar.md +59 -0
- package/docs/ms/icons/chart-line.md +59 -0
- package/docs/ms/icons/chart-pie.md +59 -0
- package/docs/ms/icons/chat-bubble-left-ellipsis.md +59 -0
- package/docs/ms/icons/chat-bubble-left-right.md +59 -0
- package/docs/ms/icons/chat-bubble-left.md +59 -0
- package/docs/ms/icons/chat-bubble-right-ellipsis.md +59 -0
- package/docs/ms/icons/chat-bubble-right.md +59 -0
- package/docs/ms/icons/chatbot.md +59 -0
- package/docs/ms/icons/check.md +59 -0
- package/docs/ms/icons/chevron-double-down.md +59 -0
- package/docs/ms/icons/chevron-double-left.md +59 -0
- package/docs/ms/icons/chevron-double-right.md +59 -0
- package/docs/ms/icons/chevron-double-up.md +59 -0
- package/docs/ms/icons/chevron-down.md +59 -0
- package/docs/ms/icons/chevron-left.md +59 -0
- package/docs/ms/icons/chevron-right.md +59 -0
- package/docs/ms/icons/chevron-up.md +59 -0
- package/docs/ms/icons/circle.md +59 -0
- package/docs/ms/icons/clipboard-document-check.md +59 -0
- package/docs/ms/icons/clipboard.md +59 -0
- package/docs/ms/icons/clock.md +59 -0
- package/docs/ms/icons/cloud.md +59 -0
- package/docs/ms/icons/code.md +59 -0
- package/docs/ms/icons/cog-6-tooth.md +59 -0
- package/docs/ms/icons/compress.md +59 -0
- package/docs/ms/icons/computer-code.md +59 -0
- package/docs/ms/icons/computer-desktop.md +59 -0
- package/docs/ms/icons/computer-laptop.md +59 -0
- package/docs/ms/icons/cone.md +59 -0
- package/docs/ms/icons/console.md +59 -0
- package/docs/ms/icons/container.md +59 -0
- package/docs/ms/icons/contrast.md +59 -0
- package/docs/ms/icons/controller.md +59 -0
- package/docs/ms/icons/credit-card.md +59 -0
- package/docs/ms/icons/crop.md +59 -0
- package/docs/ms/icons/crosshair.md +59 -0
- package/docs/ms/icons/cube.md +59 -0
- package/docs/ms/icons/currency-dollar.md +59 -0
- package/docs/ms/icons/currency-euro.md +59 -0
- package/docs/ms/icons/currency-pound.md +59 -0
- package/docs/ms/icons/currency-ringgit.md +59 -0
- package/docs/ms/icons/currency-yen.md +59 -0
- package/docs/ms/icons/cursor.md +59 -0
- package/docs/ms/icons/cylinder-half.md +59 -0
- package/docs/ms/icons/cylinder.md +59 -0
- package/docs/ms/icons/device-phone-mobile.md +59 -0
- package/docs/ms/icons/device-tablet.md +59 -0
- package/docs/ms/icons/diamond.md +59 -0
- package/docs/ms/icons/document-duplicate.md +59 -0
- package/docs/ms/icons/document-text.md +59 -0
- package/docs/ms/icons/document.md +59 -0
- package/docs/ms/icons/dodecahedron.md +59 -0
- package/docs/ms/icons/double-tick.md +59 -0
- package/docs/ms/icons/draw-curve.md +59 -0
- package/docs/ms/icons/draw-line.md +59 -0
- package/docs/ms/icons/envelope-open.md +59 -0
- package/docs/ms/icons/envelope.md +59 -0
- package/docs/ms/icons/eraser.md +59 -0
- package/docs/ms/icons/exclamation-circle.md +59 -0
- package/docs/ms/icons/exclamation-triangle.md +59 -0
- package/docs/ms/icons/expand.md +59 -0
- package/docs/ms/icons/eye-slash.md +59 -0
- package/docs/ms/icons/eye.md +59 -0
- package/docs/ms/icons/flag.md +59 -0
- package/docs/ms/icons/flip-horizontal.md +59 -0
- package/docs/ms/icons/flip-vertical.md +59 -0
- package/docs/ms/icons/focus.md +59 -0
- package/docs/ms/icons/folder-minus.md +59 -0
- package/docs/ms/icons/folder-open.md +59 -0
- package/docs/ms/icons/folder-plus.md +59 -0
- package/docs/ms/icons/folder.md +59 -0
- package/docs/ms/icons/font.md +59 -0
- package/docs/ms/icons/game.md +59 -0
- package/docs/ms/icons/gift.md +59 -0
- package/docs/ms/icons/globe-alt.md +59 -0
- package/docs/ms/icons/gradient.md +59 -0
- package/docs/ms/icons/grid.md +59 -0
- package/docs/ms/icons/group-object.md +59 -0
- package/docs/ms/icons/hand-grab.md +59 -0
- package/docs/ms/icons/hand-thumb-down.md +59 -0
- package/docs/ms/icons/hand-thumb-up.md +59 -0
- package/docs/ms/icons/hand.md +59 -0
- package/docs/ms/icons/heart-extruded.md +59 -0
- package/docs/ms/icons/heart.md +59 -0
- package/docs/ms/icons/hexagon.md +59 -0
- package/docs/ms/icons/home.md +59 -0
- package/docs/ms/icons/horizontal-3-dots.md +59 -0
- package/docs/ms/icons/hourglass-0.md +59 -0
- package/docs/ms/icons/hourglass-100.md +59 -0
- package/docs/ms/icons/hourglass-50.md +59 -0
- package/docs/ms/icons/hourglass-80.md +59 -0
- package/docs/ms/icons/icosahedron.md +59 -0
- package/docs/ms/icons/inbox.md +59 -0
- package/docs/ms/icons/index.md +1295 -0
- package/docs/ms/icons/information-circle.md +59 -0
- package/docs/ms/icons/key.md +59 -0
- package/docs/ms/icons/layer-stacks.md +59 -0
- package/docs/ms/icons/layout.md +59 -0
- package/docs/ms/icons/light-bulb.md +59 -0
- package/docs/ms/icons/lock-closed.md +59 -0
- package/docs/ms/icons/lock-open.md +59 -0
- package/docs/ms/icons/magic-wand.md +59 -0
- package/docs/ms/icons/magnifying-glass-focus.md +59 -0
- package/docs/ms/icons/magnifying-glass-minus.md +59 -0
- package/docs/ms/icons/magnifying-glass-plus.md +59 -0
- package/docs/ms/icons/magnifying-glass.md +59 -0
- package/docs/ms/icons/map-pin.md +59 -0
- package/docs/ms/icons/map.md +59 -0
- package/docs/ms/icons/marquee.md +59 -0
- package/docs/ms/icons/maximize.md +59 -0
- package/docs/ms/icons/medal.md +59 -0
- package/docs/ms/icons/microphone-mute.md +59 -0
- package/docs/ms/icons/microphone.md +59 -0
- package/docs/ms/icons/minimize.md +59 -0
- package/docs/ms/icons/minus.md +59 -0
- package/docs/ms/icons/moon.md +59 -0
- package/docs/ms/icons/musical-note.md +59 -0
- package/docs/ms/icons/octahedron.md +59 -0
- package/docs/ms/icons/panorama.md +59 -0
- package/docs/ms/icons/paper-clip.md +59 -0
- package/docs/ms/icons/pause-circle.md +59 -0
- package/docs/ms/icons/pause.md +59 -0
- package/docs/ms/icons/pencil.md +59 -0
- package/docs/ms/icons/phone-x-mark.md +59 -0
- package/docs/ms/icons/phone.md +59 -0
- package/docs/ms/icons/photo.md +59 -0
- package/docs/ms/icons/plane.md +59 -0
- package/docs/ms/icons/play-circle.md +59 -0
- package/docs/ms/icons/play.md +59 -0
- package/docs/ms/icons/plus.md +59 -0
- package/docs/ms/icons/polygon.md +59 -0
- package/docs/ms/icons/presentation-chart-line.md +59 -0
- package/docs/ms/icons/presentation-media.md +59 -0
- package/docs/ms/icons/pyramid.md +59 -0
- package/docs/ms/icons/qr-code.md +59 -0
- package/docs/ms/icons/question-mark-circle.md +59 -0
- package/docs/ms/icons/rectangle.md +59 -0
- package/docs/ms/icons/reel.md +59 -0
- package/docs/ms/icons/robot.md +59 -0
- package/docs/ms/icons/roof.md +59 -0
- package/docs/ms/icons/rotate-add.md +59 -0
- package/docs/ms/icons/rotate-minus.md +59 -0
- package/docs/ms/icons/save.md +59 -0
- package/docs/ms/icons/scissor.md +59 -0
- package/docs/ms/icons/shapes.md +59 -0
- package/docs/ms/icons/shield-check.md +59 -0
- package/docs/ms/icons/shield-exclamation.md +59 -0
- package/docs/ms/icons/shopping-bag.md +59 -0
- package/docs/ms/icons/shopping-cart.md +59 -0
- package/docs/ms/icons/sliders-horizontal.md +59 -0
- package/docs/ms/icons/sliders-vertical.md +59 -0
- package/docs/ms/icons/sparkles.md +59 -0
- package/docs/ms/icons/speaker-wave.md +59 -0
- package/docs/ms/icons/speaker-x-mark.md +59 -0
- package/docs/ms/icons/sphere-half.md +59 -0
- package/docs/ms/icons/sphere.md +59 -0
- package/docs/ms/icons/square.md +59 -0
- package/docs/ms/icons/star.md +59 -0
- package/docs/ms/icons/stop-circle.md +59 -0
- package/docs/ms/icons/stop.md +59 -0
- package/docs/ms/icons/sun.md +59 -0
- package/docs/ms/icons/table.md +59 -0
- package/docs/ms/icons/tabs.md +59 -0
- package/docs/ms/icons/tetrahedron.md +59 -0
- package/docs/ms/icons/text-align-center.md +59 -0
- package/docs/ms/icons/text-align-justify.md +59 -0
- package/docs/ms/icons/text-align-left.md +59 -0
- package/docs/ms/icons/text-align-right.md +59 -0
- package/docs/ms/icons/text.md +59 -0
- package/docs/ms/icons/thunder.md +59 -0
- package/docs/ms/icons/tic-tac-toe.md +59 -0
- package/docs/ms/icons/time-reset.md +59 -0
- package/docs/ms/icons/torus-knot.md +59 -0
- package/docs/ms/icons/torus.md +59 -0
- package/docs/ms/icons/trash.md +59 -0
- package/docs/ms/icons/trophy.md +59 -0
- package/docs/ms/icons/truck.md +59 -0
- package/docs/ms/icons/tube.md +59 -0
- package/docs/ms/icons/ungroup-object.md +59 -0
- package/docs/ms/icons/user-circle.md +59 -0
- package/docs/ms/icons/user-group.md +59 -0
- package/docs/ms/icons/user-minus.md +59 -0
- package/docs/ms/icons/user-plus.md +59 -0
- package/docs/ms/icons/user.md +59 -0
- package/docs/ms/icons/users.md +59 -0
- package/docs/ms/icons/vertical-3-dots.md +59 -0
- package/docs/ms/icons/video-camera.md +59 -0
- package/docs/ms/icons/vr.md +59 -0
- package/docs/ms/icons/wedge.md +59 -0
- package/docs/ms/icons/whiteboard.md +59 -0
- package/docs/ms/icons/wifi.md +59 -0
- package/docs/ms/icons/window.md +59 -0
- package/docs/ms/icons/x-mark.md +59 -0
- package/docs/ms/index.md +48 -0
- package/package.json +13 -3
- package/scripts/build-icon-docs.js +331 -0
- package/scripts/build.js +40 -0
- package/src/icons.css +20 -0
- package/src/icons.json +30 -0
- package/test-results.json +11 -0
- package/tests/build-css.test.js +134 -0
- package/tests/build-icon-docs.test.js +132 -0
- package/tests/build-pipeline.test.js +138 -0
- package/tests/build-svgs.test.js +102 -0
- package/tests/ss-icon.test.js +178 -0
- package/tests/ss-loader.test.js +156 -0
- package/vitest.config.js +15 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Sun
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Sun
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.263l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="sun"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="sun" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="sun" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="sun" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Sun |
|
|
40
|
+
| **Slug** | `sun` |
|
|
41
|
+
| **Tag** | `light mode`, `day`, `bright`, `weather`, `sunny`, `sun` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.263l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.263l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Table
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Table
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5ZM3 9h18M16 9v12M3 13 21 13M3 17 21 17"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="table"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="table" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="table" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="table" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Table |
|
|
40
|
+
| **Slug** | `table` |
|
|
41
|
+
| **Tag** | `table`, `grid`, `spreadsheet`, `data`, `rows`, `columns`, `cells`, `layout` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M3 5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5ZM3 9h18M16 9v12M3 13 21 13M3 17 21 17
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M3 5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5ZM3 9h18M16 9v12M3 13 21 13M3 17 21 17"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tabs
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Tabs
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 7.5V18a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18V7.5V6a2.25 2.25 0 0 1 2.25-2.25H18.75a2.25 2.25 0 0 1 2.25 2.25V7.5H12V3.75"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="tabs"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="tabs" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="tabs" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="tabs" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Tabs |
|
|
40
|
+
| **Slug** | `tabs` |
|
|
41
|
+
| **Tag** | `browser`, `ui`, `navigation`, `group`, `folder`, `tabs`, `senangwebs`, `sw-herd` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M21 7.5V18a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18V7.5V6a2.25 2.25 0 0 1 2.25-2.25H18.75a2.25 2.25 0 0 1 2.25 2.25V7.5H12V3.75
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M21 7.5V18a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18V7.5V6a2.25 2.25 0 0 1 2.25-2.25H18.75a2.25 2.25 0 0 1 2.25 2.25V7.5H12V3.75"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tetrahedron
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Tetrahedron
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l9 18H3L12 3zM12 3v12M12 15l-9 6M12 15l9 6"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="tetrahedron"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="tetrahedron" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="tetrahedron" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="tetrahedron" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Tetrahedron |
|
|
40
|
+
| **Slug** | `tetrahedron` |
|
|
41
|
+
| **Tag** | `shape`, `pyramid`, `3d`, `triangle`, `platonic`, `geometry`, `tetrahedron` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M12 3l9 18H3L12 3zM12 3v12M12 15l-9 6M12 15l9 6
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M12 3l9 18H3L12 3zM12 3v12M12 15l-9 6M12 15l9 6"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Text Align Center
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Text Align Center
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3.75 5h16.5M5.625 9h12.75M3.75 13h16.5M5.625 17h12.75"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="text-align-center"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="text-align-center" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="text-align-center" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="text-align-center" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Text Align Center |
|
|
40
|
+
| **Slug** | `text-align-center` |
|
|
41
|
+
| **Tag** | `format`, `paragraph`, `center`, `middle`, `text-align-center` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M3.75 5h16.5M5.625 9h12.75M3.75 13h16.5M5.625 17h12.75
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M3.75 5h16.5M5.625 9h12.75M3.75 13h16.5M5.625 17h12.75"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Text Align Justify
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Text Align Justify
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3.75 5h16.5M3.75 9h16.5M3.75 13h16.5M3.75 17h16.5"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="text-align-justify"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="text-align-justify" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="text-align-justify" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="text-align-justify" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Text Align Justify |
|
|
40
|
+
| **Slug** | `text-align-justify` |
|
|
41
|
+
| **Tag** | `format`, `paragraph`, `justify`, `stretch`, `text-align-justify` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M3.75 5h16.5M3.75 9h16.5M3.75 13h16.5M3.75 17h16.5
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M3.75 5h16.5M3.75 9h16.5M3.75 13h16.5M3.75 17h16.5"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Text Align Left
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Text Align Left
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3.75 5h16.5M3.75 9h12.75M3.75 13h16.5M3.75 17h12.75"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="text-align-left"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="text-align-left" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="text-align-left" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="text-align-left" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Text Align Left |
|
|
40
|
+
| **Slug** | `text-align-left` |
|
|
41
|
+
| **Tag** | `format`, `paragraph`, `left`, `start`, `text-align-left` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M3.75 5h16.5M3.75 9h12.75M3.75 13h16.5M3.75 17h12.75
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M3.75 5h16.5M3.75 9h12.75M3.75 13h16.5M3.75 17h12.75"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Text Align Right
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Text Align Right
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3.75 5h16.5M7.5 9h12.75M3.75 13h16.5M7.5 17h12.75"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="text-align-right"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="text-align-right" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="text-align-right" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="text-align-right" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Text Align Right |
|
|
40
|
+
| **Slug** | `text-align-right` |
|
|
41
|
+
| **Tag** | `format`, `paragraph`, `right`, `end`, `text-align-right` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M3.75 5h16.5M7.5 9h12.75M3.75 13h16.5M7.5 17h12.75
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M3.75 5h16.5M7.5 9h12.75M3.75 13h16.5M7.5 17h12.75"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Text
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Text
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20.25V3.8M5.2 5.5 5.2 3.8h13.6L18.8 5.5M10 20.3h4"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="text"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="text" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="text" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="text" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Text |
|
|
40
|
+
| **Slug** | `text` |
|
|
41
|
+
| **Tag** | `text`, `typography`, `letter`, `type`, `input`, `write` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M12 20.25V3.8M5.2 5.5 5.2 3.8h13.6L18.8 5.5M10 20.3h4
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M12 20.25V3.8M5.2 5.5 5.2 3.8h13.6L18.8 5.5M10 20.3h4"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Thunder
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Thunder
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h5L12 8 18 8 8.5 22l3.5-10h-6l2-9z"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="thunder"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="thunder" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="thunder" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="thunder" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Thunder |
|
|
40
|
+
| **Slug** | `thunder` |
|
|
41
|
+
| **Tag** | `weather`, `storm`, `lightning`, `rain`, `flash`, `thunder` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M9 3h5L12 8 18 8 8.5 22l3.5-10h-6l2-9z
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M9 3h5L12 8 18 8 8.5 22l3.5-10h-6l2-9z"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
title: Tic Tac Toe
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# Tic Tac Toe
|
|
6
|
+
|
|
7
|
+
<div style="display: flex; justify-content: center; padding: 2rem; background: var(--vp-c-bg-soft); border-radius: 8px; margin: 1rem 0;">
|
|
8
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3v18 M15 3v18 M3 9h18 M3 15h18"></path></svg>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
## Penggunaan
|
|
12
|
+
|
|
13
|
+
```html
|
|
14
|
+
<ss-icon name="tic-tac-toe"></ss-icon>
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Dengan saiz tersuai
|
|
18
|
+
|
|
19
|
+
```html
|
|
20
|
+
<ss-icon name="tic-tac-toe" size="32"></ss-icon>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Dengan warna tersuai
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<ss-icon name="tic-tac-toe" color="#3b82f6"></ss-icon>
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Dengan lebar garisan tersuai
|
|
30
|
+
|
|
31
|
+
```html
|
|
32
|
+
<ss-icon name="tic-tac-toe" stroke="2"></ss-icon>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Butiran Ikon
|
|
36
|
+
|
|
37
|
+
| Ciri | Nilai |
|
|
38
|
+
|------|-------|
|
|
39
|
+
| **Nama** | Tic Tac Toe |
|
|
40
|
+
| **Slug** | `tic-tac-toe` |
|
|
41
|
+
| **Tag** | `layout`, `view`, `game`, `grid`, `tic-tac-toe` |
|
|
42
|
+
|
|
43
|
+
## Laluan SVG
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
M9 3v18 M15 3v18 M3 9h18 M3 15h18
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
## SVG Mentah
|
|
50
|
+
|
|
51
|
+
```html
|
|
52
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
|
53
|
+
<path d="M9 3v18 M15 3v18 M3 9h18 M3 15h18"></path>
|
|
54
|
+
</svg>
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
[← Kembali ke Pustaka Ikon](/ms/icons/)
|