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