@fluid-topics/ft-accordion

An accordion component that allows user to show and hide sections of related content on a page.

Install

npm install @fluid-topics/ft-accordion
yarn add @fluid-topics/ft-accordion

Usage

import { html } from "lit"
import "@fluid-topics/ft-accordion"

function render() {
    return html` 
        <ft-accordion>
            <ft-accordion-item label="Part 1" active>
                ...
            </ft-accordion-item>
            <ft-accordion-item icon="shopping_cart" label="Part 2">
                ...
            </ft-accordion-item>
            <ft-accordion-item label="Part 3">
                ...
            </ft-accordion-item>
        </ft-accordion> 
    `
}