awesome-sticker
v1.1.5
Published
A awesome sticker for chat application
Downloads
4
Maintainers
Readme
✨ Features
- 🌈 Enterprise-class UI designed for web applications.
- 📦 A set of high-quality React components out of the box.
- 🛡 Written in TypeScript with predictable static types.
- ⚙️ Whole package of design resources and development tools.
- 🌍 Internationalization support for dozens of languages.
- 🎨 Powerful theme customization based on CSS-in-JS.
🖥 Environment Support
- Modern browsers
- Server-side Rendering
- Electron
| Edge | Firefox | Chrome | Safari | Electron | | --- | --- | --- | --- | --- | | Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
📦 Install
npm install awesome-sticker
yarn add awesome-sticker
pnpm add awesome-sticker
🔨 Usage
import React from 'react';
import { AwesomeSticker, AwsSticker } from 'awesome-sticker';
const App = () => (
const [stickerId, setstickerId] = React.useState();
const onSelectSticker = (stickerId) => {
setstickerId(stickerId);
};
return (
<>
<AwesomeSticker onSelect={onSelectSticker} />
<AwsSticker stickerId={stickerId} />
</>
);
);
⌨️ Development
Or clone locally:
$ git clone [email protected]:anhpt-bss/awesome-sticker.git
$ cd awesome-sticker
$ npm install
$ npm start
Open your browser and visit http://localhost:3000.