Modal for Client Design System

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`
        <ft-modal buttonLabel="Open" heading="Modal title">
            <ft-typography variant="${ FtDsModalBodyTypography }">
                Modal content text
            </ft-typography>
            <ft-button slot="actions">
                Button 1
            </ft-button>
            <ft-button slot="actions">
                Button 2
            </ft-button>
        </ft-modal>
`
}