Skip to content

usrrname/tab-component-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)