The design system modal component

Install

npm install @fluid-topics/ftds-modal
yarn add @fluid-topics/ftds-modal

Usage

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

function render() {
    return html`
        <ftds-button @click="${() => document.querySelector<FtdsModal>("#example-modal")?.open()}">
            Small example
        </ftds-button>
        <ftds-modal heading="Modal title" id="example-modal">
            <ft-typography variant="${FtDsModalBodyTypography}">
                Modal content text
            </ft-typography>
            <ftds-button slot="actions">
                Button 1
            </ftds-button>
            <ftds-button slot="actions">
                Button 2
            </ftds-button>
        </ftds-modal>
`
}