buttongroupicons-library

Button Group Icons

Button Group Icons is a React library that offers a range of customizable and stylized icon components to create visually appealing button groups.

Installation

You can install the Button Group Icons library using either npm or yarn:

npm install buttongroupicons-library

or

yarn add buttongroupicons-library

Usage

Import the ButtonGroupIcons component into your React application: import { ButtonGroupIcons, Icon } from 'buttongroupicons-library';

Implementing Button Group Icons

The library provides an Icon component to render individual icons within a button group. The Icon component accepts various props for customizing the icon's appearance.

Icon Component Props

The Icon component accepts the following props:

component: Pass the icon component from the library, such as RiFilter2Fill, LuArrowUpDown, GoDownload, BiPlus, GrRefresh, etc. size (optional): Size of the icon (default set to 24). color (optional): Color of the icon (default set to black). onClick (optional): Function to be executed on icon click (default is a no-operation function). className (optional): Additional CSS class for custom styling (default is an empty string).

Example

Dependencies

The Button Group Icons library relies on the following dependencies:

@babel/cli, @babel/core, @babel/preset-env, @babel/preset-react, babel-loader: Babel dependencies for transpiling. css-loader, style-loader: Loaders for handling CSS files. react: React library. webpack, webpack-cli: Bundling and build tools.