diff --git a/Client/src/Components/Button/index.jsx b/Client/src/Components/Button/index.jsx
index b9a4d7e14..f357e1dd2 100644
--- a/Client/src/Components/Button/index.jsx
+++ b/Client/src/Components/Button/index.jsx
@@ -27,18 +27,18 @@ const levelConfig = {
* @property {boolean} [disabled] - Whether the button is disabled
*/
-const Button = ({ level, value, disabled }) => {
+const Button = ({ level, label, disabled }) => {
const { variant, color } = levelConfig[level];
return (
- {value}
+ {label}
);
};
Button.propTypes = {
level: PropTypes.string.isRequired,
- value: PropTypes.string.isRequired,
+ label: PropTypes.string.isRequired,
disabled: PropTypes.bool,
};
diff --git a/Client/src/Pages/Home/index.jsx b/Client/src/Pages/Home/index.jsx
index d6874d5ea..849489ff8 100644
--- a/Client/src/Pages/Home/index.jsx
+++ b/Client/src/Pages/Home/index.jsx
@@ -8,13 +8,23 @@ const Home = () => {
<>
Home
-
+
+
Buttons
+
Disabled Buttons
+
+
+
+
+
+
>
);
diff --git a/Client/src/index.css b/Client/src/index.css
index d761fd0ba..18aa9a223 100644
--- a/Client/src/index.css
+++ b/Client/src/index.css
@@ -70,4 +70,4 @@ button:focus-visible {
button {
background-color: #f9f9f9;
}
-}
\ No newline at end of file
+}