Type id prop

Author: danielguillan

.changeset/tasty-cameras-search.md

@@ -7,6 +7,7 @@ Updated `SubdomainNavBar` with a new visual variant, content slots, search APIs,
 
 - Added a `gridline` variant with horizontal and vertical separators.
 - Added `leadingComponent` and `trailingComponent` props for rendering custom content around the navigation links and actions.
+- Added a typed `id` prop for setting an HTML ID on the root element.
 - Added a `style` prop for forwarding custom styles to the root element.
 
 ```tsx

packages/react/src/SubdomainNavBar/SubdomainNavBar.test.tsx

@@ -146,6 +146,12 @@ describe('SubdomainNavBar', () => {
     expect(getAllByRole('navigation').length > 0).toBeTruthy() // <nav>
   })
 
+  it('forwards a custom id to the root element', () => {
+    const {getByRole} = render(<SubdomainNavBar id="docs-navigation" title="Docs" />)
+
+    expect(getByRole('banner')).toHaveAttribute('id', 'docs-navigation')
+  })
+
   it('has no a11y violations by default', async () => {
     const {container} = render(<Component />)
 

packages/react/src/SubdomainNavBar/SubdomainNavBar.tsx

@@ -46,6 +46,10 @@ export type SubdomainNavBarProps = {
    * Forward a custom HTML class attribute
    */
   className?: string
+  /**
+   * Forward a custom HTML ID to the root element.
+   */
+  id?: string
   /**
    * Forward custom styles to the root element.
    */