* list: add more attrs to LIstitem.

easysoft · Oct 17, 2023 · 3f84c21 · 3f84c21
1 parent 6f2abd8
commit 3f84c21
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/lib/list/src/component/listitem.tsx b/lib/list/src/component/listitem.tsx
@@ -51,12 +51,15 @@ export class Listitem<P extends ListitemProps = ListitemProps, S = {}> extends H
         const {
             textClass,
             titleClass,
+            titleAttrs,
             subtitle,
             subtitleClass,
             url,
             target,
             content,
             contentClass,
+            contentAttrs,
+            hint,
         } = props;
         const titleAsLink = url && !linkRendered;
         const TitleComponent = titleAsLink ? 'a' : 'div';
@@ -66,8 +69,8 @@ export class Listitem<P extends ListitemProps = ListitemProps, S = {}> extends H
             text = null;
         }
         return [
-            <div className={classes('item-content', contentClass)} key="content">
-                {title ? <TitleComponent key="title" className={classes('item-title', titleClass)} href={titleAsLink ? url : undefined} target={titleAsLink ? target : undefined}><CustomContent content={title} /></TitleComponent> : null}
+            <div className={classes('item-content', contentClass)} key="content" title={hint} {...contentAttrs}>
+                {title ? <TitleComponent key="title" className={classes('item-title', titleClass)} href={titleAsLink ? url : undefined} target={titleAsLink ? target : undefined} {...titleAttrs}><CustomContent content={title} /></TitleComponent> : null}
                 {subtitle ? <div key="subtitle" className={classes('item-subtitle', subtitleClass)}><CustomContent content={subtitle} /></div> : null}
                 {text ? <div key="text" className={classes('item-text text', textClass)}>{text}</div> : null}
                 {content ? <CustomContent key="extraContent" content={content} /> : null}

diff --git a/lib/list/src/types/listitem-props.ts b/lib/list/src/types/listitem-props.ts
@@ -27,6 +27,7 @@ export interface ListitemProps extends Item {
     textClass?: ClassNameLike;
     title?: CustomContentType;
     titleClass?: ClassNameLike;
+    titleAttrs?: Record<string, unknown>;
     subtitle?: CustomContentType;
     subtitleClass?: ClassNameLike;
     trailing?: CustomContentType;
@@ -35,4 +36,6 @@ export interface ListitemProps extends Item {
     actions?: ToolbarSetting<[Item]>;
     contentClass?: ClassNameLike;
     content?: CustomContentType;
+    contentAttrs?: Record<string, unknown>;
+    hint?: string;
 }