UNPKG

@cds/core

Version:

Clarity Design System - common components, themes, and utilties

36 lines (35 loc) 1.08 kB
import { LitElement } from 'lit'; /** * Web component accordion * * ```typescript * import '@cds/core/accordion/register.js'; * ``` * * ```html * <cds-accordion> * <cds-accordion-panel expanded> * <cds-accordion-header>Item 1</cds-accordion-header> * <cds-accordion-content>Content 1</cds-accordion-content> * </cds-accordion-panel> * <cds-accordion-panel> * <cds-accordion-header>Item 2</cds-accordion-header> * <cds-accordion-content>Content 2</cds-accordion-content> * </cds-accordion-panel> * <cds-accordion-panel disabled> * <cds-accordion-header>Item 3</cds-accordion-header> * <cds-accordion-content>Content 3</cds-accordion-content> * </cds-accordion-panel> * </cds-accordion> * ``` * * @element cds-accordion * @slot - Content slot for inside the accordion * @cssprop --border-color * @cssprop --border-width * @cssprop --border-radius */ export declare class CdsAccordion extends LitElement { render(): import("lit-html").TemplateResult<1>; static get styles(): import("lit").CSSResultGroup[]; }