diff options
author | Nick Tchayka <nick@booster.cloud> | 2023-08-30 13:07:51 +0100 |
---|---|---|
committer | Nick Tchayka <nick@booster.cloud> | 2023-08-30 13:07:51 +0100 |
commit | 6001682645bbfb52ffb19156e4d2598c8c075b85 (patch) | |
tree | f267ce3ee922ac439e73a9fadb40c8042680d363 /src/components/Button.tsx | |
parent | 18be2308873c50936c08d254ebb20afe1bdc318a (diff) | |
download | neohaskell.github.io-6001682645bbfb52ffb19156e4d2598c8c075b85.tar.gz neohaskell.github.io-6001682645bbfb52ffb19156e4d2598c8c075b85.tar.bz2 neohaskell.github.io-6001682645bbfb52ffb19156e4d2598c8c075b85.zip |
Update
Diffstat (limited to 'src/components/Button.tsx')
-rw-r--r-- | src/components/Button.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 7dc64fd..8d2d6db 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -2,7 +2,7 @@ import classNames from "classnames"; import React from "react"; type ButtonType = { - buttonText: string; + children?: React.ReactNode; rounded?: "none" | "md" | "full"; size?: "sm" | "md" | "lg"; color?: @@ -18,7 +18,7 @@ type ButtonType = { }; const Button = ({ - buttonText = "Enabled", + children, rounded = "none", size = "md", color = "cyan", @@ -27,7 +27,7 @@ const Button = ({ return ( <button className={classNames( - "border-black border-2", + "border-black border-2 text-black", { "bg-violet-200 hover:bg-violet-300 active:bg-violet-400": @@ -70,7 +70,7 @@ const Button = ({ )} disabled={disabled} > - {buttonText} + {children} </button> ); }; |