codecatch-icons v1.14.3
CodeCatch Icons
CodeCatch Icons is a React-based icon library intended for all CodeCatch React projects.
Installation
npm install codecatch-icons
# or
yarn add codecatch-icons
example usage
import { SunIcon } from 'codecatch-icons';
const Component = () => {
return (
<h4>
Don't stare directly at the <SunIcon size={24} color="orange" />
</h4>
);
};
output
Icon Props
Name | Default | Type | Description |
---|---|---|---|
size | 24px | number | string | Width and height of icon, can be any CSS unit |
color | #F8F9FA | string | Color of icon, can be any CSS legal color value |
title | string | Tooltip that specifies extra information about the icon | |
titleId | string | Id of the title prop |
All CodeCatch Icons include and extend the attributes defined in the MDN SVG Attribute reference.
Icons
Visit the CodeCatch Icons GitHub repository to see examples of all available icons.
Contributing
Run
git clone https://github.com/codecatchorg/codecatch-icons.git
Run
npm install
to install the dependenciesCreate a new branch off main
Add the desired svg file to the
icons
directoryRun
npm run build
Run
git add .
Commit your changes according to semantic-release requirements
Run
git push
Create a PR!
9 months ago
10 months ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago