Get unlimited public & private packages + team-based management with npm Teams.Learn more »

svelte-emoji

1.0.2 • Public • Published

svelte-emoji

npm npm bundle size (minified) npm

🎀 An accessible Emoji component for Svelte applications

Why?

Emojis can add a light playfulness to your project but require some specific formatting in order to ensure they are accessible for all users. svelte-emoji's reusable Emoji component helps you do that quickly and painlessly.

This component was ported to Svelte from a11y-react-emoji.

Installation

Add svelte-emoji to your project:

npm install svelte-emoji
# or 
yarn add svelte-emoji

Use

Import Emoji, a default export, from svelte-emoji and add it to your code:

<script>
    import Emoji from `svelte-emoji`
</script>
 
<footer>
    Made with
    {' '}
    <Emoji symbol="💕" label="love" />
    {' '}
    by Sean McPherson
</footer>

Emoji component

The Emoji component consumes two props: symbol and label. Every other prop is spread to the top-level <span> element.

License

MIT

Install

npm i svelte-emoji

DownloadsWeekly Downloads

0

Version

1.0.2

License

MIT

Unpacked Size

26.3 kB

Total Files

6

Last publish

Collaborators

  • avatar