@perplex-digital/plx-summary-detail v0.0.2

plx-button

Installation

ES imports

npm i @perplex-digital/plx-summary-detail

Import the registration of <plx-summary-detail> via:

Usage

<plx-summary-detail>
    <h3 slot="summary">Example tiltle</h3>
    <span slot="icon">
    </span>
    <p slot="detail">
        Lorem, ipsum dolor sit amet consectetur adipisicing elit.
    </p>
</plx-summary-detail>

:root {
    --sd-animation-speed: .6s;
    --sd-animation-ease: ease;
}
plx-summary-detail::part(container) {
}
plx-summary-detail::part(container--open) {
}
plx-summary-detail::part(header) {
}
plx-summary-detail::part(header--open) {
}
plx-summary-detail::part(icon) {
}
plx-summary-detail::part(icon--open) {
}
plx-summary-detail::part(detail) {
}
plx-summary-detail::part(detail--open) {
}