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

docs and background for details page

Browse source
This commit is contained in:
Anika Raemer 2025-10-12 20:09:00 +02:00
parent 3f075d509b
commit ef8388be6d
5 changed files with 123 additions and 106 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/components/basics/BasicButtonDefinitions.ts
View file

@ -1,5 +1,8 @@
import type { LucideIcon } from "lucide-react";
/**
* Basic definitions used by all Button types, such as Button.tsx and ButtonLink.tsx
*/
export type BasicButtonProps = {
/** Optional Lucide icon (e.g. Plus, X, Check) */
icon?: LucideIcon;
@ -15,20 +18,20 @@ export type BasicButtonProps = {
*/
export const ButtonType = {
DarkButton: {
textColor: "text-dark-button-text",
backgroundColor: "bg-dark-button-bg",
textColor: "dark-button-text",
backgroundColor: "dark-button-bg",
},
PrimaryButton: {
textColor: "text-primary-button-text",
backgroundColor: "bg-primary-button-bg",
textColor: "primary-button-text",
backgroundColor: "primary-button-bg",
},
DefaultButton: {
textColor: "text-default-button-text",
backgroundColor: "bg-default-button-bg",
textColor: "default-button-text",
backgroundColor: "default-button-bg",
},
TransparentButton: {
textColor: "text-transparent-button-text",
backgroundColor: "bg-transparent-button-bg",
textColor: "transparent-button-text",
backgroundColor: "transparent-button-bg",
},
} as const;