Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navigation Header component #706

Merged
merged 47 commits into from
Aug 9, 2023
Merged

Navigation Header component #706

merged 47 commits into from
Aug 9, 2023

Conversation

timoheddes
Copy link
Contributor

@timoheddes timoheddes commented Aug 1, 2023

Implements Navigation Header component.

Figma Link

Also created new Logo component, see its readme for some more info.

Note that there is no mobile design available. In the Docs website this was solved by creating a hamburger menu but Steven indicated that this doesn't work ideal and Isa is still going to look into it.

image

image

@vercel
Copy link

vercel bot commented Aug 1, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
react-ui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 9, 2023 8:03am
3 Ignored Deployments
Name Status Preview Comments Updated (UTC)
alpha-docs ⬜️ Ignored (Inspect) Visit Preview Aug 9, 2023 8:03am
immutable-records ⬜️ Ignored (Inspect) Visit Preview Aug 9, 2023 8:03am
tools ⬜️ Ignored (Inspect) Visit Preview Aug 9, 2023 8:03am

Copy link
Contributor

@MRVDH MRVDH left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code itself looks good. Would love to see some screenshots when the PR is ready 😄

export type INavItems = INavItem[];

export interface INavHeaderNavigationProps {
children: React.ReactNode;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Small improvement: You can type the children to be an array of a specific component

export interface IBreadcrumbsProps {
  children?: FunctionComponentElement<IBreadcrumbItemProps>[];
  icon?: (typeof ProductIcon)[keyof typeof ProductIcon];
}

Copy link
Contributor

@eileenmguo eileenmguo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor improvement on the typing, but looks good overall 👍

@timoheddes timoheddes merged commit 32497ba into main Aug 9, 2023
4 checks passed
@timoheddes timoheddes deleted the feat/header-component branch August 9, 2023 08:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants