Closed akdetrick closed 1 week ago
PageHeader.Crumb
interface of children"Checking > Account Name could be really long and we would prefer truncation"
Per design feedback, we will need to individually control truncation behavior of breadcrumbs. This interface would also prevent the duck typing we're doing with the array-like interface
<PageHeader kind="compact">
<PageHeader.BackLink label="string" onClick={() => {}} />
<PageHeader.Breadcrumbs>
<PageHeader.Crumb label="Breadcrumb link" onClick={() => {}} />
<PageHeader.Crumb label="Long account name that we need to truncate" truncate />
<PageHeader.Crumb label="Current page" />
</PageHeader.Breadcrumbs>
<PageHeader.Menu>
<MenuButton>...</MenuButton>
</PageHeader.Menu>
<PageHeader.Actions>
<Button kind="secondary" label="action 1" />
<Button kind="primary" label="action 2" />
</PageHeader.Actions>
</PageHeader>
View the Storybook build from this PR in your browser: https://60620d422ffdf100216415b2-qjijvinnlu.chromatic.com/
(This action will publish a new comment and url if this PR is modified)
This PR is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 14 days
Closes NDS-520
Adds
PageHeader
component. See storybook preview commented below for design review and docs.