Home page styling

2021-12-07 17:59:55 -08:00
parent 9c7006f239
commit 20350e66a2
13 changed files with 467 additions and 216 deletions
--- a/src/button/Button.jsx
+++ b/src/button/Button.jsx
@@ -18,7 +18,10 @@ const variantToClassName = {
 };

 export const Button = forwardRef(
-  ({ variant = "default", on, off, className, children, ...rest }, ref) => {
+  (
+    { variant = "default", on, off, iconStyle, className, children, ...rest },
+    ref
+  ) => {
    const buttonRef = useObjectRef(ref);
    const { buttonProps } = useButton(rest, buttonRef);

@@ -33,10 +36,15 @@ export const Button = forwardRef(

    return (
      <button
-        className={classNames(variantToClassName[variant], className, {
-          [styles.on]: on,
-          [styles.off]: off,
-        })}
+        className={classNames(
+          variantToClassName[variant],
+          styles[iconStyle],
+          className,
+          {
+            [styles.on]: on,
+            [styles.off]: off,
+          }
+        )}
        {...filteredButtonProps}
        ref={buttonRef}
      >