@teamsparta/stack-icons
v1.0.0
Published
stack icons
Downloads
124
Readme
Icons
Installation
pnpm add @teamsparta/stack-icons
yarn add @teamsparta/stack-icons
사용설명서
1. 변수명 예시
- v1
- Figma Ag: arrow_drop_down, line, 16:
<ArrowDropDownLine size={16} color={"red"}/>
- Figma Ag: close_circle_fill, 20 =>
<CloseCircleFill size={20} primaryColor={"red"} secondaryColor={"blue"}/>
- Figma Ag: arrow_drop_down, line, 16:
- v2
- Figma 상 명시된 Icon Props들 중 ${Category}${Name}의 조합
- 위 이미지에서의 아이콘 이름은
ArrowChevronRightCircle
2. Props
- v1
- 아이콘 이름에
line
이 있는 경우:color
- 아이콘 이름에
fill
이 있는 경우:primaryColor & secondaryColor
- 색 관련 props 작성 안할 시, 기본색 (neutralDay.gray100) 제공
- 아이콘 이름에
- v2
- Figma에서 Style 존재 시, style ('line' | 'fill') & size (16 | 20 | 24) 필수
- Figma에서 Style 없을 시, size 필수
- color props 작성 안할 시, 기본색 (neutralDay.gray90) 제공
3. 사용 방법 (auto complete)
export const LoginPage = () => {
return (
<S.Wrapper>
<ArrowChevronRightCircle size={16} style={"line"} color={"red"}/>
</S.Wrapper>
)
}