Javascript Vue

A Simple Twemoji Selector with vue.js1 min read

SI-GRENOBLE

INSTALL

npm install si-grenoble

SETUP

SI-GRENOBLE は TailwindCSS のスタイルを利用していますが、スタイルを提供はしていません。
利用する場合は TailwindCSS をインストールし、 tailwind.config.js に以下を追加してください。

module.exports = {
purge: {
safelist: [
“flex”,
“flex-col”,
“absolute”,
“grid”,
“grid-cols-8”,
“grid-cols-10”,
“col-start-1”,
“row-start-1”,
“place-content-start”,
“gap-0”,
“justify-items-center”,
“items-center”,
“w-6”,
“w-8”,
“w-10”,
“h-6”,
“h-8”,
“h-10”,
“h-64”,
“p-0.5”,
“p-1”,
“p-2”,
“pt-1”,
“mt-1”,
“mt-10”,
“mb-4”,
“py-1”,
“px-2”,
“rounded”,
“border”,
“overflow-y-scroll”,
“bg-gray-200”,
“bg-gray-50”,
“bg-opacity-25”
]
}
};

USAGE

<script setup lang=ts>
import { SiEmojiPopover } from si-grenoble;
</script>

<template>
<div class=w-full h-full flex flex-row justify-center items-center>
<SiEmojiPopover />
</div>
</template>

LICENSE

SI-GRENOBLE licensed under MIT.
Twemoji graphics made by Twitter and licensed under CC-BY 4.0.

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest