1.1.6 • Published 9 months ago
@qonsoll/icons v1.1.6
@qonsoll/icons
Install
Install dependencies
npm install --save @qonsoll/react-design
or
yarn add @qonsoll/react-design
Install library
npm install --save @qonsoll/icons
or
yarn add @qonsoll/icons
Usage
How to import component?
import { Icon } from '@qonsoll/icons'
function App() {
return <Icon name="BookmarkAddOutlined" />
}
Documentation
Storybook
Configuration
You can configure qonsoll/icons props using
import { Icon } from '@qonsoll/icons'
function App() {
return <Icon name="BookmarkAddOutlined" size="24px" fill="#6648bf" />
}
Key | Default | Notes |
---|---|---|
fill | black | Inlined icons #424851 |
size | 24px | Inlined icons 16px |
How to update package step-by-step
You can write in terminal run storybook
, and see all changes on Storybook
- Add file.svg to src/icons/(Filled/Outline)
- Next create new IconComponent
- Go to src/components/SvgComponents(Filled/Outline)
- Create new IconComponent with two props: size, fill
- Add in return all content from file.svg (svg, path)
- Outline icons - change stroke="black" -> stroke={fill}
- Filled icons - change fill="black" -> fill={fill}
- Add in return all content from file.svg (svg, path)
- open index.js inside (src/components/SvgComponents(Filled/Outline))
- import Icon(Filled/Outlined) from "./IconComponent"
- export {...IconComponents, Icon(Filled/Outlined) }
- export default {...IconComponents, Icon(Filled/Outlined) }
- Go to src/components/index.js
- import {...IconComponents, Icon(Filled/Outlined) } from "./IconFolder"
- export {...IconComponents, Icon(Filled/Outlined) }
- Go to src/constants/iconPropTypes.js
- update PROP_TYPES.name, with new IconComponent
- Go to src/constants/namesMap.js
- import {...IconComponents, Icon(Filled/Outlined)} from "../components/SvgComponents(Filled/Outline)"
- const ICONS_NAMES = {...IconComponents, Icon(Filled/Outlined): <Icon(Filled/Outlined) />}
1.1.6
9 months ago
1.1.1
12 months ago
1.1.5
11 months ago
1.1.4
11 months ago
1.1.3
11 months ago
1.1.2
11 months ago
1.1.0
1 year ago
1.0.28
1 year ago
1.0.22
2 years ago
1.0.26
1 year ago
1.0.25
2 years ago
1.0.24
2 years ago
1.0.23
2 years ago
1.0.27
1 year ago
1.0.19
2 years ago
1.0.21
2 years ago
1.0.20
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.16
2 years ago
1.0.15
2 years ago
1.0.11
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.10
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
0.0.1
2 years ago