Add fullWidth prop to VuiTopicButton.

vectara · Nov 19, 2023 · a01c17d · a01c17d
1 parent c453ce1
commit a01c17d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/lib/components/topicButton/TopicButton.tsx b/src/lib/components/topicButton/TopicButton.tsx
@@ -9,10 +9,13 @@ type Props = {
   href?: string;
   onClick?: () => void;
   title?: string;
+  fullWidth?: boolean;
 };
 
-export const VuiTopicButton = ({ children, className, href, onClick, title, ...rest }: Props) => {
-  const classes = classNames("vuiTopicButton", className);
+export const VuiTopicButton = ({ children, className, href, onClick, title, fullWidth, ...rest }: Props) => {
+  const classes = classNames("vuiTopicButton", className, {
+    "vuiTopicButton--fullWidth": fullWidth
+  });
   const content = (
     <>
       {title && (

diff --git a/src/lib/components/topicButton/_index.scss b/src/lib/components/topicButton/_index.scss
@@ -14,3 +14,7 @@
     z-index: 1;
   }
 }
+
+.vuiTopicButton--fullWidth {
+  width: 100%;
+}