bcgov / bcgov/zeva2

ZEVA 2 - Sub navigation tabs UI

Open
#287 0 comments 0 reactions 1 assignee Claimed by @dallascrichmond View on GitHub
Medium Task
Dominant language
TypeScript
Stars
1
Forks
6
Avg merge
8h 52m
Merged PRs (30d)
33

Description

**Describe the task**
Set up Sub navigation tabs UI across the system according to Design system

[Figma](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=656-1516&t=urImslcr6viMuspB-1)

**Purpose**
Provide consistent and predictable UI for section level navigation

**Prototype** [Page level reference ](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=1418-8658&t=ooP2goIuhsTNA4SA-1) A full-page prototype has been added to illustrate how the sub navigation tabs component appears within a real layout (eg Admin page) - in relation to page header, tabs, and surrounding actions.

Image

**Acceptance Criteria**
- [x] Update visual styling of the existing component: padding inside tabs, spacing between tabs, typography, borders corner radius, colors, backgrounds
- [x] Matches UI for all states - default - hover- active/selected

Image

- [x] No functional behavior changes

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.