@rhds/elements
Version:
Red Hat Design System Elements
52 lines (51 loc) • 1.81 kB
TypeScript
import type { RhAccordion } from './rh-accordion.js';
import { LitElement } from 'lit';
export declare class AccordionHeaderChangeEvent extends Event {
expanded: boolean;
toggle: RhAccordionHeader;
accordion: RhAccordion;
target: RhAccordionHeader;
constructor(expanded: boolean, toggle: RhAccordionHeader, accordion: RhAccordion);
}
/**
* Accordion Header
*
* @csspart text - inline element containing the heading text or slotted heading content
* @csspart accents - container for accents within the header
* @csspart icon - caret icon
*
* @slot
* We expect the light DOM of the rh-accordion-header to be a heading level tag (h1, h2, h3, h4, h5, h6)
* @slot accents
* These elements will appear inline by default with the header title, between the header and the chevron
* (or after the chevron and header in disclosure mode). There is an option to set the accents placement to bottom
*
* @fires {AccordionHeaderChangeEvent} change - when the open panels change
*
*/
export declare class RhAccordionHeader extends LitElement {
#private;
static readonly version = "{{version}}";
static readonly styles: CSSStyleSheet[];
static readonly shadowRootOptions: {
delegatesFocus: boolean;
mode: ShadowRootMode;
slotAssignment?: SlotAssignmentMode | undefined;
customElements?: CustomElementRegistry | undefined;
registry?: CustomElementRegistry | undefined;
};
expanded: boolean;
headingText?: string;
headingTag?: string;
/** @deprecated */
icon: string;
private on?;
private ctx?;
connectedCallback(): void;
render(): import("lit").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'rh-accordion-header': RhAccordionHeader;
}
}