https://github.com/agtlucas/react-ruby

React component for ruby tag
https://github.com/agtlucas/react-ruby

japanese-language javascript react reactjs reactjs-components typography

Last synced: 10 months ago
JSON representation

React component for ruby tag

• Host: GitHub
• URL: https://github.com/agtlucas/react-ruby
• Owner: AgtLucas
• License: mit
• Created: 2017-06-06T19:58:14.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-06-07T06:24:17.000Z (over 8 years ago)
• Last Synced: 2025-03-18T13:21:16.464Z (10 months ago)
• Topics: japanese-language, javascript, react, reactjs, reactjs-components, typography
• Language: JavaScript
• Homepage:
• Size: 27.3 KB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-ruby [![npm version](https://img.shields.io/npm/v/react-ruby.svg)](https://www.npmjs.com/package/react-ruby)

React component for **ruby** tag.

For more information about the `ruby` tag, please check [here](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Ruby).

## Usage

```

yarn add react-ruby

```

```javascript

...

import Ruby from 'react-ruby'

const App = () => (

  

    超電磁砲

    （レールガン）

  

)

```

## Ruby props:

* position:

  * `over`

  * `under`

  * `inter-character`

* align

  * `start`

  * `center`

  * `space-between`

  * `space-around`