Merge pull request #82 from gsoft-inc/feature/toolbar_fix

add toolbar slot to toolbar
gsoft-inc · Feb 15, 2024 · 3aec9a4 · 3aec9a4
2 parents 18322c9 + a9762fc
commit 3aec9a4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/.changeset/cyan-bobcats-mate.md 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
@@ -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<any, OmitInternalProps<InnerToolbarProps>>((props, ref) => (
+export const Toolbar = slot("toolbar", forwardRef<any, OmitInternalProps<InnerToolbarProps>>((props, ref) => (
     <InnerToolbar {...props} forwardedRef={ref} />
-));
+)));
 
 export type ToolbarProps = ComponentProps<typeof Toolbar>;