README
¶
ModalDialog
Modal dialog overlay with backdrop and close button.
Import
"github.com/tinywasm/components/modaldialog"
Usage
import (
"github.com/tinywasm/components/modaldialog"
. "github.com/tinywasm/html"
)
m := &modaldialog.ModalDialog{
Title: "Confirm Action",
Content: P("Are you sure?"),
}
// To open
m.Open()
Click model
The root of the dialog IS the wash: it covers the viewport (Backdrop(Viewport) +
Veil) and is the click target — a click on it closes the dialog. The panel is
the root's in-flow child, so it always paints above the wash and never needs a
stacking level; it stops the click from reaching the root, so interacting with
the dialog never closes it. There is no separate click-catcher element (the
PartBackdrop part was removed — it was the one sibling the DSL could not
place below an in-flow peer).
Properties
Title(string): Modal title.Content(dom.Component): Modal body content.
Methods
Open(): Shows the modal.
Documentation
¶
Index ¶
Constants ¶
const ( PartPanel = widget.Part("panel") PartHeader = widget.Part("header") PartBody = widget.Part("body") PartActions = widget.Part("actions") PartClose = widget.Part("close") )
const NameModalDialog = widget.Name("modaldialog")
NameModalDialog is the widget name for modal dialog.
Variables ¶
This section is empty.
Functions ¶
This section is empty.
Types ¶
type ModalDialog ¶
type ModalDialog struct {
Element
Title string
Content Component
// HideClose drops the "×" from the header. Set it when the dialog's own
// content already offers an explicit way out — a confirmation with
// Cancel/Confirm buttons, where a third exit is one more thing to read and
// says nothing Cancel does not. Clicking outside the panel still closes.
HideClose bool
// contains filtered or unexported fields
}
ModalDialog represents a modal dialog component.
func (*ModalDialog) Close ¶ added in v0.1.10
func (m *ModalDialog) Close()
Close hides the dialog programmatically.
func (*ModalDialog) Init ¶
func (m *ModalDialog) Init(_ Ctx)
func (*ModalDialog) Open ¶
func (m *ModalDialog) Open()
func (*ModalDialog) Render ¶
func (m *ModalDialog) Render() *Element
func (*ModalDialog) RenderCSS ¶
func (m *ModalDialog) RenderCSS() *css.Stylesheet
RenderCSS defines the modaldialog visual contract using the style DSL.
func (*ModalDialog) WidgetKind ¶ added in v0.1.13
func (m *ModalDialog) WidgetKind() widget.Kind
func (*ModalDialog) WidgetName ¶ added in v0.1.13
func (m *ModalDialog) WidgetName() widget.Name
Source Files