React component for ruby tag. For more information about the ruby tag, please check here.

yarn add react-ruby

...
import Ruby from 'react-ruby'

const App = () => (
  <Ruby position='over' align='space-around'>
    <rb>超電磁砲</rb>
    <rp>（</rp><rt>レールガン</rt><rp>）</rp>
  </Ruby>
)

• position:

  • over
  • under
  • inter-character

• align

  • start
  • center
  • space-between
  • space-around