generated from Dicken/dickendock
round15: manuelle Aenderungen nicht mehr nachfragen, 7-Tage-Schwelle fuer verschwundene Geraete, Icon-Buttons mit Tooltip, fixierte mobile Kopfleiste, Scroll-to-top-Button
This commit is contained in:
@@ -2,7 +2,7 @@ import { forwardRef, type ButtonHTMLAttributes } from "react";
|
||||
|
||||
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
||||
variant?: "primary" | "secondary" | "danger" | "ghost";
|
||||
size?: "sm" | "md";
|
||||
size?: "sm" | "md" | "icon";
|
||||
}
|
||||
|
||||
const VARIANT_CLASSES: Record<NonNullable<ButtonProps["variant"]>, string> = {
|
||||
@@ -18,6 +18,9 @@ const VARIANT_CLASSES: Record<NonNullable<ButtonProps["variant"]>, string> = {
|
||||
const SIZE_CLASSES: Record<NonNullable<ButtonProps["size"]>, string> = {
|
||||
sm: "px-3 py-1.5 text-sm",
|
||||
md: "px-4 py-2 text-sm",
|
||||
// Für Icon-only-Buttons (Zeilenaktionen in Tabellen) - immer mit title=""
|
||||
// für ein natives Browser-Tooltip verwenden, da kein sichtbarer Text da ist.
|
||||
icon: "h-8 w-8 p-0 text-base leading-none",
|
||||
};
|
||||
|
||||
export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
|
||||
|
||||
Reference in New Issue
Block a user