Atlaskit SVG icons as Svelte components.
This library builds @atlastkit/icon as Svelte components with zero dependencies.
There are 7 sub-libraries:
- lib:
svelte-atlaskit-icons/lib
- bitbucket:
svelte-atlaskit-icons/bitbucket
- editor:
svelte-atlaskit-icons/editor
- emoji:
svelte-atlaskit-icons/emoji
- hipchat:
svelte-atlaskit-icons/hipchat
- jira:
svelte-atlaskit-icons/jira
- media-services:
svelte-atlaskit-icons/media-services
yarn add -D svelte-atlaskit-icons
<script>
import Add from "svelte-atlaskit-icons/lib/Add";
import Branches from "svelte-atlaskit-icons/bitbucket/Branches";
import Bold from "svelte-atlaskit-icons/editor/Bold";
import Food from "svelte-atlaskit-icons/emoji/Food";
import AudioOnly from "svelte-atlaskit-icons/hipchat/AudioOnly";
import Capture from "svelte-atlaskit-icons/jira/Capture";
import ActualSize from "svelte-atlaskit-icons/media-services/ActualSize";
</script>
<Add />
<Branches />
<Bold />
<Food />
<AudioOnly />
<Capture />
<ActualSize />
Refer to docs/README.md for a full list of icons.
$$restProps
are forwarded to the svg
element.
- on:click
- on:mouseover
- on:mouseenter
- on:mouseout
- on:keydown