Open Sleepingoff opened 5 months ago
GNB: 주로 URL 이동을 하는 메뉴들을 모아놓은 global navigation bar 탭 메뉴는 이런 메뉴들의 내부에서 url 이동없이 사용하는 것이 일반적이다.
Accordion #2 : 수직적으로 내용을 열었다 닫았다하는 아코디언과 비슷하지만, 탭의 경우 수평적이다. 또한, 리스트가 많지 않을 때 주로 사용하며, 항상 하나의 탭이 열려있어야 한다는 점에서 차이가 있다.
장점
단점
추가적으로
https://a11y-style-guide.com/style-guide/section-structure.html#kssref-structure-tabs
레퍼런스 https://www.bbc.co.uk/gel/features/tabs https://component.gallery/components/tabs/ https://boltdesignsystem.com/pattern-lab/?p=viewall-components-tabs
https://github.com/Farmer-Kim/reactui/issues/2
어떤 UI를 구현하나요?
주로 어디에, 왜 쓰이나요?
비슷한 UI와의 차이점
GNB: 주로 URL 이동을 하는 메뉴들을 모아놓은 global navigation bar 탭 메뉴는 이런 메뉴들의 내부에서 url 이동없이 사용하는 것이 일반적이다.
Accordion #2 : 수직적으로 내용을 열었다 닫았다하는 아코디언과 비슷하지만, 탭의 경우 수평적이다. 또한, 리스트가 많지 않을 때 주로 사용하며, 항상 하나의 탭이 열려있어야 한다는 점에서 차이가 있다.
어떤 UX를 가지고 있나요?
장점
단점
추가적으로
어떻게 접근성을 높일 수 있을까요?
https://a11y-style-guide.com/style-guide/section-structure.html#kssref-structure-tabs
레퍼런스 https://www.bbc.co.uk/gel/features/tabs https://component.gallery/components/tabs/ https://boltdesignsystem.com/pattern-lab/?p=viewall-components-tabs