@react-pakistan/react-icon-collection

React Icons Collection built upon React StoryBook

Usage no npm install needed!

<script type="module">
  import reactPakistanReactIconCollection from 'https://cdn.skypack.dev/@react-pakistan/react-icon-collection';
</script>

README

πŸ“Œ React Pakistan πŸ”₯πŸ”₯πŸ”₯

React Pakistan is an OpenSource & Free Software (FOSS) platform, creating React software solutions for the global community. ⭐⭐⭐

License Followers Forks Stars

Maintenance Maintaner Website shields.io Ask Me Anything !

Ryo-ma's github trophy

DenverCoder1's github streak

Sparkline

saythanks

πŸ“Œ React Icon Collection ✌

A generic, Icons library for React web apps, following modern approach by building your project's UI in isolation using state of the art Storybook along with React.

πŸ“Œ Table of Contents πŸš€

πŸ“Œ Demo πŸš€

Checkout React Icon Collection

πŸ“Œ Technology Stack πŸš€

πŸ“Œ Installation πŸš€

  • Clone the repo
  • Cd into the project folder
  • Figure out which package manager you have on your system, then run following commands for their specific use cases.
  // to install dependencies
  yarn
  // to start local dev server
  yarn start
  // to run all tests locally
  yarn test

OR

  // to install dependencies
  npm install
  // to start local dev server
  npm start
  // to run all tests locally
  npm test

πŸ“Œ Usage πŸš€

Add React Icon Collection to your project.

  yarn add @react-pakistan/react-icon-collection

OR

  npm install @react-pakistan/react-icon-collection

Add React Icon Collection base theme to your project.

  yarn add @react-pakistan/util-functions

OR

  npm install @react-pakistan/util-functions

Refer to React Pakistan Docs for detail usage docs.

πŸ“Œ Styles πŸš€

Styled Components are employed to maintain and update theme for this project. Please consider adding Styled Component Provider wrapper to the entry point of your application, following is the sample code. You could either use the default theme as shown below or wire your custom theme object instead.

  import { ThemeProvider } from 'styled-components';
  import { theme } from '@react-pakistan/util-functions';

  <ThemeProvider theme={theme}>
    <App />
  </ThemeProvider>

πŸ“Œ Tested πŸš€

Since we wrote a script that generates all the icons on the fly, we don't feel the need to test all 1000's of React SVG components.

Should you like this project and would like to see more coming in future, please consider giving a ⭐ on Github project repo.

πŸ“Œ Contributors πŸš€

Thanks goes to these wonderful people (emoji key):

Contributors GitHub Emoji
Taimoor Khan πŸŽ¨πŸ€”πŸš§πŸ“†πŸ‘€βš οΈ

πŸ“Œ Other Libraries from ReactPakistan πŸš€

πŸ“Œ Support πŸš€

If you need any help or have any question, please feel free to join ReactPakistan community at React Pakistan Slack.

πŸ“Œ Contact πŸš€

I can be reachable via Taimoor Web or else should you wish to send over an expression of your interest to contribute towards ReactPakistan, please shoot an email.

πŸ“Œ Buy me Coffee πŸš€

Buy Me A Coffee