SVG
SVG wrapper
With the <SVG> component you can pass SVG paths in it. It behaves like the usual <svg> element.
You can use all known properties from the regular <svg> element.
Usage
Import
To import the component you just have to use this code below.
import { SVG } from '@marigold/system';Props
| Property | Type | Default | Description |
|---|---|---|---|
size | number | string | number[] | string[] | 24 | The size of the SVG element. |
className | string | none | Pass in class names |
... | | - | Yes you can use all regular attributes of svg! |
Examples
Simple SVG
In this example you can see how to use the <SVG> element.
Preview
Code