Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-23 06:40:55 +01:00
Code Issues Packages Projects Releases Activity

ui/card frame: add support for arbitrary HTML attributes and event handlers

Browse Source
This commit is contained in:
Adorian Doran
2026-02-22 19:42:08 +02:00
parent ad2df957c7
commit e6e132e905
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/client/src/widgets/react/Card.tsx
View File

@@ -1,23 +1,24 @@
import "./Card.css";
import { ComponentChildren, createContext } from "preact";
import { JSX } from "preact";
import { JSX, HTMLAttributes } from "preact";
import { useContext } from "preact/hooks";
import clsx from "clsx";
// #region Card Frame
export interface CardFrameProps {
export interface CardFrameProps extends HTMLAttributes<HTMLDivElement> {
className?: string;
highlightOnHover?: boolean;
children: ComponentChildren;
}
export function CardFrame(props: CardFrameProps) {
return <div className={clsx("tn-card-frame", props.className, {
"tn-card-highlight-on-hover": props.highlightOnHover
export function CardFrame({className, highlightOnHover, children, ...rest}: CardFrameProps) {
return <div {...rest}
className={clsx("tn-card-frame", className, {
"tn-card-highlight-on-hover": highlightOnHover
})}>
{props.children}
{children}
</div>;
}