pknu-wap / wap-ui

WAP 리액트 디자인 시스템

https://wap-ui.vercel.app

MIT License

20 stars 3 forks source link

Create Dropdown #56

Closed alstn113 closed 2 years ago

alstn113 commented 2 years ago

작업 리스트

[x] 드롭다운 만들기
[x] 각 menu당 hover시 effect
[x] animation은 잘 모르겠음
[x] 화면 위치에 따라 위에 생길지 아래에 생길지 고민해보기

참고사항

좀 어려울 듯

예상 소요 시간

alstn113 commented 2 years ago

일단 구조가 이런 식으로 사용될 것 같음

      <Dropdown>
        <Dropdown.Button color="secondary" shadow>
          Actions
        </Dropdown.Button>
        <Dropdown.Menu>
          <Dropdown.MenuItem>Create a Copy</Dropdown.MenuItem>
          <Dropdown.MenuItem>Download</Dropdown.MenuItem>
          <Dropdown.MenuItem>Delete</Dropdown.MenuItem>
          <Dropdown.MenuItem>Mark as Draft</Dropdown.MenuItem>
        </Dropdown.Menu>
      </Dropdown>