react-ionicons

by zamarrowski

zamarrowski /react-ionicons

A React Ionicon component https://zamarrowski.github.io/react-ionicons/

142 Stars 19 Forks Last release: Not found Apache License 2.0 108 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

A React Ionicon Component

View page: https://zamarrowski.github.io/react-ionicons/

Install

$ npm install --save react-ionicons

Usage

import React from 'react'
import { render } from 'react-dom'
import LogoNodejs from 'react-ionicons/lib/LogoNodejs'

render( alert('Hi!')} fontSize="60px" color="#43853d" /> , document.getElementById('container'))

Browserify

browserify
is supported, but you have to install
[email protected]^0.12.0
manually.

Features

  • No dependencies, just React.
  • SVG Icons.
  • Simple API.
  • Animations.
  • Customizable.
  • Support to Create React App.

API:

| Param | Type | Description | Example | | --- | --- | --- | --- | |

className
|
String
| Name of a CSS class |
className="myClass"
| |
fontSize
|
String
| Icon size. Allow all units (px, em, %, pt...). |
fontSize="35px"
| |
color
|
String
| Icon color. Allow string (blue, red, cyan...), rgb, rgba and hexadecimal colors. |
color="#C9C9C9"
| |
rotate
|
Boolean
| Apply rotate animation to icon |
rotate={true}
| |
shake
|
Boolean
| Apply shake animation to icon |
shake={true}
| |
beat
|
Boolean
| Apply beat animation to icon |
beat={true}
| |
onClick
|
Function
| Pass a function to execute onClick |
onClick={() => console.log('Hi!')}
|

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.