컴포넌트 정리

 

기획 업무를 하면서 다양한 컴포넌트명을 알수록 화면설명이 쉬워진다는 걸 점점 깨닫고 있다.

매번 컴포넌트를 찾으러 검색하러 다니다가 내가 정리해두는게 더 빠를 것 같다는 판단에 정리해본다..

~ 실시간으로 업데이트 예정 ~

 

TextField

---

 

 

 

1. HelperText

텍스트필드 밑 에 출력되는 메시지

 

2. Placeholder

사용자가 어떤 정보를 입력해야 하고 어떤 액션을 취해야 하는지 입력 필드에 표시되는 메시지

 

3. Hover

마우스를 가져다 댄 상태

 

4. Error

텍스트필드를 빨간색으로 변화시켜 에러처럼 보이게 한 상태

 

 

 

 

 

 

출처 : https://carbondesignsystem.com/components/text-input/style

https://yozm.wishket.com/magazine/detail/1648/