diff --git a/packages/components/src/components/accordion-item/accordion-item.lite.tsx b/packages/components/src/components/accordion-item/accordion-item.lite.tsx index 2feef846740e..b859240cc184 100644 --- a/packages/components/src/components/accordion-item/accordion-item.lite.tsx +++ b/packages/components/src/components/accordion-item/accordion-item.lite.tsx @@ -49,7 +49,8 @@ export default function DBAccordionItem(props: DBAccordionItemProps) { id={state._id} class={cls('db-accordion-item', props.className)} aria-disabled={props.disabled} - open={props.open}> + open={props.open} + name={props.name}> diff --git a/packages/components/src/components/accordion-item/model.ts b/packages/components/src/components/accordion-item/model.ts index af3692973b88..1ea1937cd8d4 100644 --- a/packages/components/src/components/accordion-item/model.ts +++ b/packages/components/src/components/accordion-item/model.ts @@ -26,6 +26,10 @@ export interface DBAccordionItemDefaultProps { * Alternative for passing only a string instead of a slot */ title?: string; + /** + * Set details name for exclusive accordions, see https://chromestatus.com/feature/6710427028815872 + */ + name?: string; } export type DBAccordionItemProps = DBAccordionItemDefaultProps &