3.0.0 • Published 4 years ago
react-lineicons v3.0.0
react-lineicons
Simple react component for using lineicons in React application.
Check icons here
Installation
react-lineicons is available as an npm package.
npm install react-lineiconsor
yarn add react-lineiconsUsage
import React from "react";
import ReactDOM from "react-dom";
import LineIcon from "react-lineicons";
function App() {
return <LineIcon name="spinner" />;
}Options
| Property | Type | Values | Description |
|---|---|---|---|
| name | String | e.g. alarm | the name of the icon, see lineicons for list of all available icons |
| tag | String | e.g. 'li' | by default, Icon tag is i, which can be changed to any valid HTML element |
| size | String | 'lg', 'md', 'sm', 'xs' | the size of the icon |
| style | Object | custom style object | |
| effect | String | 'spin', 'tada', 'flashing', 'burst', 'fade-left', 'fade-right', 'fade-up', 'fade-down' | Additional effect on icon |
Any other prop would directly be applied as on the root element (useful for a11y).
Using the Pro version of LineIcons
This module only works with free version of lineicons. To use the Pro version, please use the download section from your lineicons dashboard.
Contribution
Suggestions and PRs are welcome!
Please create issue or open PR request for contribution.
License
refer LICENSE file in this repository.