react-fukidashi

💭 react speech balloon component

Demo

demo

Usage

npm install react-fukidashi

import { Fukidashi } from 'react-fukidashi';
import 'react-fukidashi/style.css';

<Fukidashi placement="bottom" text="喋る内容">
  ... // base contents
</Fukidashi>

props

Property	Type	Default	Description	Required
text	string or string[]		speeching text	yes
placement	top or right or bottom or left	top	speech bubble placement	no

future

• コンポーネントを複数設置してキュー順に会話できるようになるといいね

License

MIT ©ivgtr