-
Notifications
You must be signed in to change notification settings - Fork 25
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
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
3 Ignored Deployments
|
6828b28
to
5aaacd6
Compare
There was a problem hiding this 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 😄
d7bcab3
to
91f4c43
Compare
f585435
to
c500130
Compare
packages/libs/react-ui/src/components/NavHeader/NavHeader.css.ts
Outdated
Show resolved
Hide resolved
packages/libs/react-ui/src/components/NavHeader/NavHeader.css.ts
Outdated
Show resolved
Hide resolved
packages/libs/react-ui/src/components/NavHeader/NavHeader.css.ts
Outdated
Show resolved
Hide resolved
packages/libs/react-ui/src/components/NavHeader/NavHeader.stories.children.tsx
Outdated
Show resolved
Hide resolved
3ee82e6
to
d1c170c
Compare
export type INavItems = INavItem[]; | ||
|
||
export interface INavHeaderNavigationProps { | ||
children: React.ReactNode; |
There was a problem hiding this comment.
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];
}
There was a problem hiding this 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 👍
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.