Merge pull request #90 from gsoft-inc/feature/89

Add tag slot to the tag component
gsoft-inc · Feb 28, 2024 · 84519f7 · 84519f7
2 parents de87811 + c5c13d6
commit 84519f7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/tidy-wasps-agree.md b/.changeset/tidy-wasps-agree.md
@@ -0,0 +1,6 @@
+---
+"@orbit-ui/transition-components": patch
+"@workleap/orbiter-ui": patch
+---
+
+Add tag slot to the tag component
diff --git a/packages/components/src/tag/src/Tag.tsx b/packages/components/src/tag/src/Tag.tsx
@@ -1,7 +1,7 @@
 import { Box } from "../../box";
 import { ComponentProps, ReactNode, SyntheticEvent, forwardRef, useMemo } from "react";
 import { CrossButton } from "../../button";
-import { InteractionProps, InternalProps, OmitInternalProps, StyledComponentProps, createSizeAdapter, cssModule, isNil, mergeProps, normalizeSize, useMergedRefs, useSlots, createEmbeddableAdapter } from "../../shared";
+import { InteractionProps, InternalProps, OmitInternalProps, StyledComponentProps, createSizeAdapter, cssModule, isNil, mergeProps, normalizeSize, useMergedRefs, useSlots, createEmbeddableAdapter, slot } from "../../shared";
 import { ResponsiveProp, useResponsiveValue } from "../../styling";
 import { Text } from "../../typography";
 import { useFieldInputProps } from "../../field";
@@ -165,9 +165,9 @@ InnerTag.defaultElement = DefaultElement;
  *
  * [Documentation](https://wl-orbiter-website.netlify.app/?path=/docs/tag--default-story)
 */
-export const Tag = forwardRef<any, OmitInternalProps<InnerTagProps>>((props, ref) => (
+export const Tag = slot("tag", forwardRef<any, OmitInternalProps<InnerTagProps>>((props, ref) => (
     <InnerTag {...props} forwardedRef={ref} />
-));
+)));
 
 export type TagProps = ComponentProps<typeof Tag>;