Skip to content

Commit 8d1201a

Browse files
author
Matthias Prost
authored
feat(Navigation): add prop label description on item (#5407)
1 parent 35a6123 commit 8d1201a

File tree

4 files changed

+102
-76
lines changed

4 files changed

+102
-76
lines changed

.changeset/soft-pears-hammer.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@ultraviolet/plus": patch
3+
---
4+
5+
Add props `labelDescription` on `<Navigation.Item />` to allow more custom elements on items

packages/plus/src/components/Navigation/__stories__/Playground.stories.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import styled from '@emotion/styled'
22
import type { StoryFn } from '@storybook/react-vite'
3+
import { InformationIcon } from '@ultraviolet/icons'
34
import {
45
BaremetalCategoryIcon,
56
DataAndAnalyticsCategoryIcon,
@@ -113,6 +114,11 @@ const PlaygroundContent = ({ ...props }: ComponentProps<typeof Navigation>) => {
113114
categoryIcon={<BaremetalCategoryIcon variant="primary" />}
114115
id="compute"
115116
label="Compute"
117+
labelDescription={
118+
<Tooltip text="All computer cloud">
119+
<InformationIcon />
120+
</Tooltip>
121+
}
116122
subLabel="All compute ressources"
117123
>
118124
<Navigation.Item

0 commit comments

Comments
 (0)