Skip to main content
Version: Next

Structure of the UI Library Stories

User Stories for the UI Library will be structured as per below list. The bifurcation of components have been done based on the planned implementation of the UI Library through Figma:

[check url] https://www.figma.com/file/MhlVS2FXlOMMNBBKKwaNmK/%5BWIP%5D-%5BEY%5D-AOK-NAVIDA---Component-Library?type=design&node-id=19-10&mode=design&t=49Nt0bS9Rji89KHc-0

  1. Interactive UI: This story will contain components that include user interaction through UI components. This could include following topics. As the UI Team will deliver on a weekly basis, story could stay longer in development status.
  • Dropdown
  • Date Picker
  • Slider
  • Text Input
  • Radio Button
  • Checkbox
  • Search
  • Switch
  • Segmented Control

  1. Theme: This story will contain details such as Style, Typography and Layout implementation in developing UI Library.

  2. Content Containers: This story will contain details regarding the UI components for content containers. They are as below:

  • Banners
  • Accordion
  • List Item
  • Toast
  • Modal
  • Info Card
  • Dialog
  1. Pagination Components: This component entails the entire implementation of client side pagenation in the UI Library.
  2. Template Pages: This implementation includes the UI components to showcase repeatable overview pages in the UI Library.
  3. Navigation Components: This story will contain details regarding enablement of user navigation through the app. It contains below components
  • Chips
  • Bottom Navigation
  • Links
  • Buttons
  • Action Sheet