mirror of
https://github.com/pawelmalak/flame.git
synced 2026-03-06 20:43:13 +08:00
Updating categories using form
This commit is contained in:
14
client/src/components/UI/Buttons/Button/Button.module.css
Normal file
14
client/src/components/UI/Buttons/Button/Button.module.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.Button {
|
||||
padding: 8px 15px;
|
||||
border: 1px solid var(--color-accent);
|
||||
background-color: var(--color-background);
|
||||
color: var(--color-primary);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.Button:hover,
|
||||
.Button:focus {
|
||||
cursor: pointer;
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-background);
|
||||
}
|
||||
11
client/src/components/UI/Buttons/Button/Button.tsx
Normal file
11
client/src/components/UI/Buttons/Button/Button.tsx
Normal file
@@ -0,0 +1,11 @@
|
||||
import classes from './Button.module.css';
|
||||
|
||||
interface ComponentProps {
|
||||
children: string;
|
||||
}
|
||||
|
||||
const Button = (props: ComponentProps): JSX.Element => {
|
||||
return <button className={classes.Button}>{props.children}</button>
|
||||
}
|
||||
|
||||
export default Button;
|
||||
Reference in New Issue
Block a user