Projected-leading marker for a {@link CngxAccordionItem}
CngxAccordionItemLeading
Directivev0.1.0WCAG AA
projects/ui/accordion/accordion-item-leading.directive.ts
Import#
import { CngxAccordionItemLeading } from '@cngx/ui/accordion'
Description#
Projected-leading marker for a CngxAccordionItem. Put it on the
decorative cell that opens the heading row - an index number, an icon tile, a
category tag, a timeline rail-node, a severity spine. The item renders it as a
sibling of the header button (not inside it) and wraps it aria-hidden, since
leading content is presentational: it never names the section and must not
leak into the button's accessible name.
<cngx-accordion-item>
<span cngxAccordionItemLeading>01</span>
<span cngxAccordionItemTitle>Overview</span>
Body…
</cngx-accordion-item>