svelte-atlaskit-icons

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

Install

yarn add -D svelte-atlaskit-icons

Usage

<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.

API

$$restProps are forwarded to the svg element.

Forwarded events

  • on:click
  • on:mouseover
  • on:mouseenter
  • on:mouseout
  • on:keydown

Changelog

License

MIT

Top categories

Loading Svelte Themes