@clerk/[email protected]

Minor Changes

• Introduce support for custom menu items in <UserButton/>. (#3784) by @nikospapcom

  • Use <UserButton.MenuItems> as a child component to wrap custom menu items.
  • Use <UserButton.Link/> for creating external or internal links.
  • Use <UserButton.Action/> for opening a specific custom page of "UserProfile" or to trigger your own custom logic via onClick.
  • If needed, reorder existing items like manageAccount and signOut

  New usage example:

  <UserButton>
    <UserButton.MenuItems>
      <UserButton.Link label="Terms" labelIcon={<Icon />} href="/terms" />
      <UserButton.Action label="Help" labelIcon={<Icon />} open="help" /> //
      Navigate to `/help` page when UserProfile opens as a modal. (Requires a
      custom page to have been set in `/help`)
      <UserButton.Action label="manageAccount" labelIcon={<Icon />} />
      <UserButton.Action
        label="Chat Modal"
        labelIcon={<Icon />}
        onClick={() => setModal(true)}
      />
    </UserButton.MenuItems>
  </UserButton>

Patch Changes

• Introduce ability to set an active organization by slug (#3825) by @wobsoriano

• Updated dependencies [d3d38e206, a3e9c2fb8, fb302bb64, aa06f3ba7, 80e647731]:

  • @clerk/[email protected]
  • @clerk/[email protected]
  • @clerk/[email protected]