@primer/[email protected]

Minor Changes

• #575 89d6590 Thanks @rezrah! - New pagination component generally available

  <Pagination pageCount={15} currentPage={5} />

  🔗 Read the documentation for more examples

• #574 95f15ba Thanks @rezrah! - New breadcrumbs component generally available

  <Breadcrumbs>
    <Breadcrumbs.Item href="/">Resources</Breadcrumbs.Item>
    <Breadcrumbs.Item href="/copilot">GitHub Copilot</Breadcrumbs.Item>
    <Breadcrumbs.Item href="/copilot/chat" selected>
      Chat
    </Breadcrumbs.Item>
  </Breadcrumbs>

  🔗 Read the documentation for more examples

• #555 3980daa Thanks @rezrah! - Added new IDE component

  Example:

  <IDE alternativeText="description of the IDE, including any animations for users of assistive technologies">
    <IDE.Editor />
    <IDE.Chat />
  </IDE>

  🔗 See the documentation for more examples

Patch Changes

• #568 40a129d Thanks @rezrah! - Added support for optional Button and sub menu's in SubNav component.

  Also added fullWidth prop to optionally remove the default component padding.

  <SubNav>
    <SubNav.Heading href="#">Heading</SubNav.Heading>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#" aria-current="page">
      Link
      <SubNav.SubMenu>
        <SubNav.Link href="#">Link feature one</SubNav.Link>
        <SubNav.Link href="#">Link feature two</SubNav.Link>
        <SubNav.Link href="#">Link feature three</SubNav.Link>
        <SubNav.Link href="#">Link feature four</SubNav.Link>
      </SubNav.SubMenu>
    </SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Link href="#">Link</SubNav.Link>
    <SubNav.Action href="#" variant="secondary">
      Optional CTA
    </SubNav.Action>
  </SubNav>

• #566 eaeb50e Thanks @joshfarrant! - Adjusted block padding of small button controls from 12px to 8px.

  This change affects all small size Button and ActionMenu instances.

• #575 89d6590 Thanks @rezrah! - Added none optiona to arrowDirection prop of Link component. This value removes the arrow entirely.

  <Link arrowDirection="none" {...rest} />

• #573 e76c92b Thanks @joshfarrant! - Add trailingComponent prop to Hero