• Stars
    star
    191
  • Rank 201,751 (Top 4 %)
  • Language
    JavaScript
  • License
    Apache License 2.0
  • Created over 7 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A React Ionicon component https://react-ionicons.netlify.app/

A React Ionicon Component

Beautiful doc in https://react-ionicons.netlify.app/

Install

$ npm install --save react-ionicons

or

$ yarn add react-ionicons

Usage

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

<LogoNodejs
  color={'#00000'}
  rotate
  height="250px"
  width="250px"
  onClick={() => alert('Hi!')}
/>

Browserify

browserify is supported, but you have to install browserify-css@^0.12.0 manually.

Features

  • SVG Icons.
  • Simple API.
  • Animations.
  • Customizable.
  • Support to Create React App.
  • Typescript support.

API:

Param Type Description Example
height String Icon size. Allow all units (px, em, %, pt...). height="22px"
width String Icon size. Allow all units (px, em, %, pt...). width="22px"
color String Icon color. Allow string (blue, red, cyan...), rgb, rgba and hexadecimal colors. color="#C9C9C9"
title String Tooltip for the icon title="this is a tooltip"
cssClasses String Pass a string with cssClasses cssClasses="myButton"
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!')}
style Object Pass a style object style={{ verticalAlign: 'middle' }}

More Repositories

1

recursos-hacking-etico

Recursos de hacking รฉtico
219
star
2

Curso-React-Testing-GraphQL

Curso React, testing y GraphQL
JavaScript
36
star
3

pokemon-poc

Angular 1.X component based application with webpack and ES6
JavaScript
25
star
4

translate-components

๐ŸŒŽ๐ŸŒ๐ŸŒ translate-components provides a super simple translation for React.
JavaScript
15
star
5

nemesis

Slackbot that tracks the happiness of your team :)
JavaScript
13
star
6

react-thermometer-component

A React thermometer component
CSS
10
star
7

AngularPlate

Scaffolding for AngularJS. Create Controllers, Factories and Views from command line.
JavaScript
7
star
8

Widget-Github-Repositories

Widget written in AngularJS that show all repositories of a user.
JavaScript
6
star
9

hacker-typer

Hackertyper for Atom
JavaScript
5
star
10

Curso-NodeJS

Curso de NodeJS
JavaScript
4
star
11

BrowZam

Responsive Browser for your Projects
PHP
4
star
12

agario-atom

Play agar.io in atom!
JavaScript
2
star
13

League-of-Legends-App

Java
2
star
14

app-offline-frontfest

Demo for Fronfest 2017
JavaScript
2
star
15

codemotion-styled-components

Codemotion styled-components demo
JavaScript
1
star
16

react-clarity

React components that implement Clarity Design
JavaScript
1
star
17

rachel-resources

Rachel resources (Dockerfile, docker-compose, configs...)
1
star
18

loggio

A super-light logger with colors for NodeJS.
JavaScript
1
star
19

vscode-docker-vulnerabilities

View vulnerabilities of your Docker image
JavaScript
1
star
20

react-ejercicios

JavaScript
1
star
21

find-secrets-vscode

Find secrets (AWS keys, Passwords, RSA...) in vscode
JavaScript
1
star