feat: Add a small button type

newrelic · Jul 7, 2020 · 9650393 · 9650393
1 parent cede4ff
commit 9650393
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/Button.js b/src/components/Button.js
@@ -8,11 +8,12 @@ const Button = ({
   children,
   className,
   variant,
+  size,
   ...props
 }) => (
   <Component
     {...props}
-    className={cx(className, styles.button, styles[variant])}
+    className={cx(className, styles.button, styles[variant], styles[size])}
   >
     {children}
   </Component>
@@ -24,10 +25,15 @@ Button.VARIANT = {
   NORMAL: 'normal',
 };
 
+Button.SIZE = {
+  SMALL: 'small',
+};
+
 Button.propTypes = {
   as: PropTypes.elementType,
   children: PropTypes.node,
   className: PropTypes.string,
+  size: PropTypes.oneOf([Object.values(Button.SIZE)]),
   type: PropTypes.oneOf(['button', 'submit', 'reset']),
   variant: PropTypes.oneOf(Object.values(Button.VARIANT)).isRequired,
 };

diff --git a/src/components/Button.module.scss b/src/components/Button.module.scss
@@ -46,3 +46,7 @@
     color: var(--color-brand-400);
   }
 }
+
+.small {
+  font-size: 0.75rem;
+}