@eds/page-header
v5.0.0
PageHeader
Helps users understand what the content of the page is about. The PageHeader should always be at the top of a page.-
f451971: Breaking: Refactor contextualItems to use a discriminated union
The contextualItems prop now requires a type field and uses a flat prop structure for each item.
New format:
- { type: 'badge', ...BadgeProps }
- { type: 'tag', ...TagProps }
- { type: 'avatar', ...AvatarProps }
- { type: 'link', icon?, label?, value, href }
- { type: 'button', icon?, label?, value, onClick }
- { type: 'node', icon?, label?, value } (value can be any React content)
-
18d4099: Feature: Update actions prop to use discriminated union
This is a breaking change. The actions prop now expects a discriminated union instead of a plain Action[].
Each item must have a type of either 'button' or 'actionsDropdown'. This makes the API more explicit and improves type safety.
Only the first 3 actions are rendered — any additional items are ignored.
Example:
actions={[{ type: 'button', label: 'Add new', onClick: handleAdd },{type: 'actionsDropdown',actions: [{ label: 'Export', onClick: handleExport },{ label: 'Delete', onClick: handleDelete, tone: 'critical' },],},]} -
f451971: Improvement: Allow avatar prop to accept props or component
The avatar prop now accepts:
- A component: (props) => <Avatar {...props} />
- Or props directly: { name: 'John', src: 'avatar.jpg' }
-
b89077b: Breaking: Remove legacy props from PageHeader
- Removed avatar.secondary, badge, and tag from PageHeaderProps
- Updated dependencies [19fe60a]
- @eds/tabs@4.0.30
- @eds/breadcrumbs@4.0.31
- @eds/actions@4.3.9
- Updated dependencies
- @eds/text@4.2.0
- @eds/actions@4.3.8
- @eds/avatar@4.1.4
- @eds/breadcrumbs@4.0.30
- @eds/link@4.2.2
- @eds/tabs@4.0.29
- @eds/tag@5.0.8
- Updated dependencies [e2323f8]
- @eds/core@4.2.0
- @eds/actions@4.3.7
- @eds/avatar@4.1.3
- @eds/badge@4.1.12
- @eds/box@4.0.12
- @eds/button@4.4.6
- @eds/divider@4.0.10
- @eds/flex@4.0.12
- @eds/heading@4.0.12
- @eds/icon@5.1.3
- @eds/link@4.2.1
- @eds/tabs@4.0.28
- @eds/tag@5.0.7
- @eds/text@4.1.2
- @eds/breadcrumbs@4.0.29
- Updated dependencies [854d0f8]
- @eds/avatar@4.1.2
- Updated dependencies [8cb3672]
- @eds/link@4.2.0
- @eds/breadcrumbs@4.0.28
- @eds/actions@4.3.6
- @eds/actions@4.3.5
- @eds/button@4.4.5
- @eds/actions@4.3.4
- @eds/tag@5.0.6
- @eds/breadcrumbs@4.0.27
- @eds/tabs@4.0.27
- 913701e: Improvement: Update to use type imports
- Updated dependencies [913701e]
- @eds/breadcrumbs@4.0.26
- @eds/actions@4.3.3
- @eds/divider@4.0.9
- @eds/heading@4.0.11
- @eds/avatar@4.1.1
- @eds/button@4.4.4
- @eds/badge@4.1.11
- @eds/core@4.1.3
- @eds/flex@4.0.11
- @eds/icon@5.1.2
- @eds/link@4.1.11
- @eds/tabs@4.0.26
- @eds/text@4.1.1
- @eds/box@4.0.11
- @eds/tag@5.0.5
- Updated dependencies [6053e1a]
- Updated dependencies [6053e1a]
- @eds/avatar@4.1.0
- Updated dependencies [293a8e7]
- Updated dependencies [293a8e7]
- @eds/tag@5.0.4
- @eds/icon@5.1.1
- @eds/actions@4.3.2
- @eds/breadcrumbs@4.0.25
- @eds/button@4.4.3
- @eds/tabs@4.0.25
- Updated dependencies [d5ac3fa]
- @eds/icon@5.1.0
- @eds/actions@4.3.1
- @eds/breadcrumbs@4.0.24
- @eds/button@4.4.2
- @eds/tag@5.0.3
- @eds/tabs@4.0.24
- Updated dependencies [f1dddd9]
- @eds/actions@4.3.0
- 0a1851b: Adds the ability to include “link buttons” in a page header’s contextual items. It also provides an escape hatch to render any react node, for use cases where using a link, or button alone would not suffice i.e. when creating a modal or dropdown trigger.
- Updated dependencies [f21c008]
- @eds/avatar@4.0.12
- @eds/actions@4.2.3
- Updated dependencies [37e1a6d]
- @eds/icon@5.0.0
- @eds/actions@4.2.2
- @eds/breadcrumbs@4.0.23
- @eds/button@4.4.1
- @eds/tag@5.0.2
- @eds/tabs@4.0.23
- Updated dependencies [75f75a3]
- @eds/button@4.4.0
- @eds/actions@4.2.1
- @eds/tag@5.0.1
- @eds/breadcrumbs@4.0.22
- @eds/tabs@4.0.22
- Updated dependencies [db0bee5]
- @eds/actions@4.2.0
- @eds/actions@4.1.7
- 640a104: Breaking: Reworded the tone prop to weight, and added informative and neutral tones to Tag Fixed: Added the weight prop in the tag component of the PageHeader
- Updated dependencies [bd77d94]
- Updated dependencies [eb0b250]
- Updated dependencies [640a104]
- @eds/link@4.1.10
- @eds/tabs@4.0.21
- @eds/icon@4.5.0
- @eds/tag@5.0.0
- @eds/button@4.3.3
- @eds/breadcrumbs@4.0.21
- @eds/actions@4.1.6
- Initial release of PageHeader