@fluid-topics/ft-modal v1.2.27

Modal for Design System V2

Install

npm install @fluid-topics/ft-modal
yarn add @fluid-topics/ft-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>
`
}