Skip to content

Latest commit

 

History

History
61 lines (39 loc) · 1.58 KB

README.md

File metadata and controls

61 lines (39 loc) · 1.58 KB

Icon Picker Component

This project is a React component for an icon picker, allowing users to select icons from the Feather Icons library. The selected icon is displayed in a designated area, and the icon picker supports pagination if there are more icons than can fit on a single page.

Features

  • Displays Feather Icons in a grid.
  • Customizable rows and columns per page.
  • Supports pagination for large icon sets.
  • Displays selected icon in a 100x100 div.
  • Customizable icon and picker dimensions.

Installation

  1. Clone the repository:

    git clone https://github.com/chiragyadav2003/Icon-Picker.git

  2. Navigate to the project directory:

    cd Icon-Picker

  3. Install the dependencies:

      yarn install

Usage

  1. Start the development server:

     yarn dev

  2. Open your browser and navigate to http://localhost:5173 to see the component in action.

Project Structure

  • src/IconPicker.jsx: Main IconPicker component.
  • src/IconPicker.css: Styles for the IconPicker component.
  • src/App.jsx: Example usage of the IconPicker component.
  • src/index.jsx: Entry point for the React application.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

Contact

If you have any questions or suggestions, feel free to reach out to Chirag Yadav