diff --git a/.changeset/cyan-bobcats-mate.md b/.changeset/cyan-bobcats-mate.md new file mode 100644 index 000000000..528815f8a --- /dev/null +++ b/.changeset/cyan-bobcats-mate.md @@ -0,0 +1,6 @@ +--- +"@orbit-ui/transition-components": patch +"@workleap/orbiter-ui": patch +--- + +Add slot "toolbar" to the toolbar component diff --git a/packages/components/src/toolbar/src/Toolbar.tsx b/packages/components/src/toolbar/src/Toolbar.tsx index ffc76f8e2..84b1ddd87 100644 --- a/packages/components/src/toolbar/src/Toolbar.tsx +++ b/packages/components/src/toolbar/src/Toolbar.tsx @@ -12,7 +12,8 @@ import { useFocusScope, useKeyboardNavigation, useMergedRefs, - useRovingFocus + useRovingFocus, + slot } from "../../shared"; import { ResponsiveProp, useResponsiveValue } from "../../styling"; import { ToolbarContext } from "./ToolbarContext"; @@ -147,8 +148,8 @@ InnerToolbar.defaultElement = DefaultElement; * * [Documentation](https://wl-orbiter-website.netlify.app//?path=/docs/toolbar--default-story) */ -export const Toolbar = forwardRef>((props, ref) => ( +export const Toolbar = slot("toolbar", forwardRef>((props, ref) => ( -)); +))); export type ToolbarProps = ComponentProps;