Skip to content

Latest commit

 

History

History
22 lines (14 loc) · 702 Bytes

README.md

File metadata and controls

22 lines (14 loc) · 702 Bytes

Tab Component Demo

A ham-fisted demo based off interpretation of Figma file https://www.figma.com/file/nomdaznu2CczB9UJXuXpnI/branch/7gSowr4KPLcypwNpSpaY8R/Untitled?node-id=0%3A1

Used dummy JSON from https://jsonplaceholder.typicode.com/users/1/posts

The values in this api change frequently.

Libs and Tools

  • React
  • Typescript
  • Styled Components

Search TODO: for dev notes

Imagined requirements:

  • initial selected tab is 1
  • focus and selection should be different
  • show right chevron > when more than 7 results
  • show left chevron < before first tab when results from 7+1 to the end are (not a great pagination solution for now, should replace with min and max values)