https://github.com/metonym/svelte-eui-icons
Elastic EUI SVG icons as Svelte components
https://github.com/metonym/svelte-eui-icons
elastic-eui svelte-component svg-icon svg-to-svelte
Last synced: 3 months ago
JSON representation
Elastic EUI SVG icons as Svelte components
- Host: GitHub
- URL: https://github.com/metonym/svelte-eui-icons
- Owner: metonym
- License: mit
- Created: 2020-08-22T17:19:17.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-08-22T17:30:02.000Z (almost 5 years ago)
- Last Synced: 2025-03-07T18:02:22.605Z (3 months ago)
- Topics: elastic-eui, svelte-component, svg-icon, svg-to-svelte
- Language: JavaScript
- Homepage: https://metonym.github.io/svelte-eui-icons/
- Size: 324 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-eui-icons
[![NPM][npm]][npm-url]
[![Build][build]][build-badge]> [Elastic EUI](https://github.com/elastic/eui) SVG icons as Svelte components.
Try it in the [Svelte REPL](https://svelte.dev/repl/f5d1c006b8e444ea91274036261976eb?version=3).
## Install
This library requires svelte version >=3.20.x because it uses `$$restProps`.
```bash
yarn add -D svelte-eui-icons
```## Usage
```html
import Alert from "svelte-eui-icons/lib/Alert";
```
Refer to [ICON_INDEX.md](ICON_INDEX.md) for a list of supported 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-eui-icons.svg?color=blue
[npm-url]: https://npmjs.com/package/svelte-eui-icons
[build]: https://travis-ci.com/metonym/svelte-eui-icons.svg?branch=master
[build-badge]: https://travis-ci.com/metonym/svelte-eui-icons