fast-accordion

Usage

Live Editor
Result
Panel onePanel one contentPanel twoPanel two contentPanel threePanel three content

Applying custom styles

import { customElement } from "@microsoft/fast-element";
import { Accordion, AccordionTemplate as template } from "@microsoft/fast-foundation";
import { MyAccordionStyles as styles } from "./accordion.styles";
@customElement({
name: "fast-accordion",
template,
styles,
})
export class FASTAccordion extends Accordion {}

fast-accordion-item

import { customElement } from "@microsoft/fast-element";
import { AccordionItem, AccordionItemTemplate as template } from "@microsoft/fast-foundation";
import { MyAccordionItemStyles as styles } from "./accordion-item.styles";
@customElement({
name: "fast-accordion-item",
template,
styles,
})
export class FASTAccordionItem extends AccordionItem {}