fix: button text wrapping (#317)

knocklabs · Nov 8, 2024 · fe1a1fb · fe1a1fb
1 parent eb5c8f0
commit fe1a1fb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/.changeset/violet-zebras-roll.md b/.changeset/violet-zebras-roll.md
@@ -0,0 +1,5 @@
+---
+"@telegraph/button": patch
+---
+
+fix button text wrapping
diff --git a/packages/button/src/Button/Button.tsx b/packages/button/src/Button/Button.tsx
@@ -234,7 +234,7 @@ const Text = <T extends TgphElement>({
   color,
   size,
   weight = "medium",
-  className,
+  style,
   ...props
 }: TextProps<T>) => {
   const context = React.useContext(ButtonContext);
@@ -249,10 +249,14 @@ const Text = <T extends TgphElement>({
       color={derivedColor}
       size={size ?? textSizeMap[context.size]}
       weight={weight}
-      className={clsx("no-underline whitespace-nowrap", className)}
       internal_optionalAs={true}
       data-button-text
       data-button-text-color={derivedColor}
+      style={{
+        textDecoration: "none",
+        whiteSpace: "nowrap",
+        ...style,
+      }}
       {...props}
     />
   );