Design Component
Select

Select

Select는 하나의 옵션 UI 요소입니다.
Main, Sub 모드가 있으며, active로 활성화 된 상태로 나타낼 수 있습니다.
Main모드시에는 icon을 사용, Sub 모드시에는 checkbox와 아무것도 없는 두가지의 상태로 나타납니다.

Main


  • default
  • Default
  • focus
  • Focus
 
    <Select mode="Main" icon="All">커뮤니티 전체</Select>


Sub


  • default
  • Default
  • focus
  • Focus
  • focus with checkbox
  • Focus
 
    <Select mode="Sub">앱 개발</Select>
    <Select mode="Sub" active>앱 개발</Select>
    <Select mode="Sub" active checkbox>앱 개발</Select>
SearchfieldTab