@cds/core
Version:
Clarity Design System - common components, themes, and utilties
36 lines (35 loc) • 1.08 kB
TypeScript
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[];
}