Theme:
Ui3nEmoji
Component for displaying emoticons from the built-in emoticons set. Supports different sizes and click events.
Props
| Name | Type | Default | Description |
|---|---|---|---|
emoji* | string | — | Emoji to display |
size | string | number | undefined | 16 | Emoji size |
readonly | boolean | undefined | false | Whether emoji is readonly |
Events
| Event Name | Arguments / Value Type | Description |
|---|---|---|
click | value: Event | — |
CSS Variables
Set any of these where you need it — on :root, on a container, or on the element itself through [data-ui3n] — and the component follows. Leave them alone and it uses the defaults below.
| Name | Default |
|---|---|
--ui3n-emoji-size | 16px |
Usage Examples
Basic usage
Basic usage
Display different emojis by passing the emoji name prop.
Different sizes
Different sizes
Use the size prop to control the emoji size (in pixels).
Click handling
Click handling
Emojis are clickable by default. Use the click event to handle interactions.