Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/metonym/svelte-atlaskit-icons
Atlaskit SVG icons as Svelte components
https://github.com/metonym/svelte-atlaskit-icons
atlaskit bitbucket editor emoji hipchat icons jira media-services svelte svelte-component svg
Last synced: about 1 month ago
JSON representation
Atlaskit SVG icons as Svelte components
- Host: GitHub
- URL: https://github.com/metonym/svelte-atlaskit-icons
- Owner: metonym
- License: mit
- Created: 2020-04-27T00:02:36.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-05-03T23:33:35.000Z (over 4 years ago)
- Last Synced: 2024-10-14T08:43:41.712Z (2 months ago)
- Topics: atlaskit, bitbucket, editor, emoji, hipchat, icons, jira, media-services, svelte, svelte-component, svg
- Language: JavaScript
- Size: 71.3 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# svelte-atlaskit-icons
[![NPM][npm]][npm-url]
[![Build][build]][build-badge]
> Atlaskit SVG icons as Svelte components.
This library builds [@atlastkit/icon](https://atlaskit.atlassian.com/packages/core/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
```bash
yarn add -D svelte-atlaskit-icons
```
## Usage
```html
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";
```
Refer to [docs/README.md](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](CHANGELOG.md)
## License
[MIT](LICENSE)
[npm]: https://img.shields.io/npm/v/svelte-atlaskit-icons.svg?color=blue
[npm-url]: https://npmjs.com/package/svelte-atlaskit-icons
[build]: https://travis-ci.com/metonym/svelte-atlaskit-icons.svg?branch=master
[build-badge]: https://travis-ci.com/metonym/svelte-atlaskit-icons