컴포넌트 프로퍼티

배리언츠(Variants)
'변종'이라는 뜻. 컴포넌트의 또 다른 모습을 의미함.
버튼의 가상 상태(마우스를 올렸을 변화하거나, 누를 수 없을 때 변화하는) 만들 때 사용.

**프로퍼티(property)

• 프로퍼티는 '속성'이라는 뜻
• 디자인 구조가 바뀌지 않는 선에서 변경할 수 있는 요소를 다룰 때 사용.

요로코롬 디자인 구조는 그대로 두고 안에 아이콘이나 글자만 바꿀 때 쓴다.

베리언츠를 제외한 컴포넌트 프로퍼티 종류는 다음과 같다

1) 👁️boolean 요소를 숨겼다/꺼냈다!
2) ♻️instance swap 인스턴스 교체
3) 𝐓Text 텍스트 수정 쉽도록 컴포넌트 특성 주기!

그래서 베리언츠와 프로퍼티의 다른 점이 뭐냐

베리언츠>>색상이나 간격, 폰트, 아이콘의 크기 등 숫자가 바뀌는 것에 적용 됨!

아이콘이 없었는데 생겼거나 모양이 바뀌면 베리언츠 아니냐?

놉. 24px 크기의 아이콘 파운데이션이 들어갔다는 점은 변한게 없음.
물론 베리언츠로 프로퍼티의 대부분의 기능이 가능하지만, 앵간하면 프로퍼티 쓰는게 좋음. 그게 효율적임.