A Simple Twemoji Selector.

Overview

SI-GRENOBLE

License: MIT npm version downloads

INSTALL

npm install si-grenoble

SETUP

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

module.exports = {
  purge: {
    safelist: [
      "flex",
      "flex-row",
      "flex-col",
      "absolute",
      "grid",
      "grid-cols-5",
      "grid-cols-8",
      "grid-cols-10",
      "col-start-1",
      "row-start-1",
      "place-content-start",
      "gap-0",
      "justify-items-center",
      "align-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-x-auto",
      "overflow-y-hidden",
      "overflow-y-scroll",
      "bg-gray-200",
      "bg-gray-50",
      "bg-opacity-25"
    ]
  }
};

USAGE

import { SiEmojiPopover } from "si-grenoble"; ">
<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.

You might also like...
A Simple Twemoji Selector.

SI-GRENOBLE INSTALL npm install si-grenoble SETUP SI-GRENOBLE は TailwindCSS のスタイルを利用していますが、スタイルを提供はしていません。 利用する場合は TailwindCSS をインストールし、 tailwind.conf

A simple region cascade selector, provide 4 levels Chinese administrative division data
A simple region cascade selector, provide 4 levels Chinese administrative division data

v-region 简洁强大的中国行政区划选择器,可选择 “省/直辖市”、“市”、“区/县”、“乡/镇/街道” 4 级行政区域 A simple region cascade selector for Vue2, provide 4 levels Chinese administrative divi

A simple tag selector as a vue component.
A simple tag selector as a vue component.

Vue-tag-selector is a component for vuejs for tag type fields. Light (6.3kb gzipped) and customizable. Offering regex validation. Check out the demo I

A simple vue drag selector component

Vue-Drag-Selector 基于Vue.js的框选组件 示例(Demo) View Demo 安装(install) npm i vue-drag-selector 引入(import) // main.js import VueDragSelector from "vue-drag-se

This component is inspired from the meeting selector from doctolib with the power of Vuejs components.

This component is inspired from the meeting selector from doctolib with the power of Vuejs components. vue-meeting-selector github site Dependencies r

Not your ordinary datepicker. A Vuejs draggable date selector with a fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped
Not your ordinary datepicker. A Vuejs draggable date selector with a fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped

DraggableCal A datepicker Vue component. Compatible with Vue 2.x Demo Install Usage Available Languages Dev & Build Licence Thanks Demo To view a demo

a lovely component of cascade selector with vue.js
a lovely component of cascade selector with vue.js

v-cascade A lovely component of cascade selector with vue.js (Support both of PC and Mobile) 中文文档 Introduction Demo Screenshot basic-selector remote-s

A Vue 3 headless file selector component

vue3-file-selector A Vue 3 headless File Selector component. How to use This library includes a few headless components for a drag and drop supported

vanghua-iamge-selector 基于Vue的移动端图片截取选择组件(原生js不使用第三方图像截取库)
vanghua-iamge-selector 基于Vue的移动端图片截取选择组件(原生js不使用第三方图像截取库)

vanghua-iamge-selector 基于Vue的面向移动端的图片选择器组件 引入组件 # 安装组件 npm install vanghua-image-selector # 局部引用 import VanghuaImageSelector from "vanghua-image-sele

A Multiple Files Selector Built With Vue

File Selector Demo link https://flamboyant-hermann-ff1ae0.netlify.app/ Stack Vue 2 file selector can: select multiple files from different folders. op

🖋️ Font selector component for Google Fonts
🖋️ Font selector component for Google Fonts

Font Picker for Vue A simple, customizable font picker allowing users to preview, select, and use Google Fonts on your website. Automatic font downloa

✨ Automagically manage the visibility of :focus states in your app — by recreating the :focus-visible pseudo-selector behaviour.

✨ Automagically manage the visibility of :focus states in your app — by recreating the :focus-visible pseudoselector behaviour. Supports Vue 3.x out of the box 🎉

A simple stepper with simple actions such as next, back and end to perform simple forms.

Stepper Stepper for Vue. A simple stepper with simple actions such as next, back and finish to perform simple forms. Live Demo Installation npm instal

Only Vue 3 for now! This plugin includes 3 global components: simple-grid-container,simple-layout-container and simple-grid-item,that will help you to build excellent layout for your app.

Only Vue 3 for now! This plugin includes 3 global components: simple-grid-container,simple-layout-container and simple-grid-item,that will help you to build excellent layout for your app.

📌 Simple context-menu component built for Vue. Works well with both left and right clicks. Nothing too fancy, just works and is simple to use.

vue-simple-context-menu Simple context-menu component built for Vue. Works well with both left and right clicks. Nothing too fancy, just works and is

Vue Simple Password Meter is a simple password strength meter component written in vanilla js and extremly lightweight

News: Are you using Vue 3? Check out Vue Simple Password Meter v1 vue-simple-password-meter Vue Simple Passwod Meter is a simple password checker writ

A simple component for a powerful API. vue-youtube provides a simple layer for you to use your imagination while over the YouTube IFrame Player API.
A simple component for a powerful API. vue-youtube provides a simple layer for you to use your imagination while over the YouTube IFrame Player API.

VueYoutube Intro vue-youtube is an wrapper of YouTube IFrame Player API (YIPA). What is the difference between other plugins? The difference is that t

A simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA ApplicationA simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application
A simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA ApplicationA simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application

Laravel+Vue Crud Starter About Repository A very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application. Tech Specifica

Simple math to convert simple 2D game view to a perspective 3D view.
Simple math to convert simple 2D game view to a perspective 3D view.

Perspective-vue Designing a 2D game for a 2D screen is pretty simple to us. But it comes to design a 3D environment for a 2D computer screen we tend t

Comments
  • 📝 README を作成する

    📝 README を作成する

    What

    README を作成する。

    Why

    このリポジトリの存在意味を理解するため。

    HOW

    touch README.md
    # いろいろ編集する
    git add .
    git commit -m "📚: README の作成"
    

    Task

    • [x] プロダクト名を明記する
    • [x] ライセンスを表記する
    • [x] インストール方法を書く
    • [x] 簡単な使い方を書く

    Remark

    • ヘッダーは英語、内容は日本語を利用する
    doc 
    opened by koyasaeki 0
A simple vue drag selector component

Vue-Drag-Selector 基于Vue.js的框选组件 示例(Demo) View Demo 安装(install) npm i vue-drag-selector 引入(import) // main.js import VueDragSelector from "vue-drag-se

XuCat 40 Nov 1, 2022
a lovely component of cascade selector with vue.js

v-cascade A lovely component of cascade selector with vue.js (Support both of PC and Mobile) 中文文档 Introduction Demo Screenshot basic-selector remote-s

Zanyuyu 33 May 8, 2021
A Vue 3 headless file selector component

vue3-file-selector A Vue 3 headless File Selector component. How to use This library includes a few headless components for a drag and drop supported

cyon GmbH 21 Jul 28, 2022
A Multiple Files Selector Built With Vue

File Selector Demo link https://flamboyant-hermann-ff1ae0.netlify.app/ Stack Vue 2 file selector can: select multiple files from different folders. op

null 0 Nov 5, 2021
Simple multi-select component with items displayed in a table like UI

Vue GridMultiselect Simple multi-select component with items displayed in a table like UI Table of Contents ?? Installation ?? Introduction ?? Basic U

Milos Protic 39 Jul 10, 2022
Simple vue tag editor

Simple Vue Tag Editor ======================= Originally inspired a lot by https://github.com/hnakamur/vue.tag-editor.js The code written here is upon

Jihad Dzikri Waspada 8 Feb 14, 2020
Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Chosen, Select2, etc. However it was built using Vue.js only ;)

?? _Fireselect_ Vue component that transforms overwhelming select boxes into something fancy, simple and user-friendly. It is similar to Selectize, Ch

Firework 51 Jul 23, 2020
SelectMenu for Vuejs, A simple, easier and highly customized menu solution

v-selectmenu SelectMenu for Vuejs, A simple, easier and highly customized menu solution Examples and Documentation Live Examples on CodePen, more exam

Terry Zeng 185 Nov 18, 2022
Simple input radio Vue.js component.

Simple input radio Vue.js component.

Odyzeo 0 Dec 22, 2021
Vue Twemoji Picker - A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering) for Vue. Support Unicode Emoji 13.0.

Vue Twemoji Picker This component is meant to be a developer friendly, easy integrable and performatic emoji picker (with some batteries) using the Tw

Kevin Faveri 198 Nov 22, 2022