araemer/recipe-app
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Add StickyHeader Component and introduce clsx for merging tailwind classNames

Browse source
This commit is contained in:
araemer 2025-10-25 18:10:56 +02:00
parent 7ffda11a34
commit db23d06fb2
14 changed files with 115 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/basics/Button.tsx
View file

@ -1,5 +1,6 @@
import {defaultIconSize} from "./SvgIcon";
import {type BasicButtonProps, basicButtonStyle, ButtonType} from "./BasicButtonDefinitions";
import clsx from "clsx";
type ButtonProps = BasicButtonProps & {
onClick: () => void;
@ -20,7 +21,12 @@ export default function Button({
}: ButtonProps) {
return (
<button
className={`${basicButtonStyle} ${buttonType.backgroundColor} ${buttonType.textColor} ${className}`}
className={clsx(
basicButtonStyle,
buttonType.backgroundColor,
buttonType.textColor,
className
)}
onClick={onClick}
disabled={disabled}
{...props}