View
A general-purpose retained container for layout, paint, pointer input, and accessibility.
Loading interactive demo…
func ViewExample() *ui.Element {
return ui.View().
Padding(20).Gap(12).
Child(ui.Text("Hello from Go")).
Child(ui.Button().OnClick(func() {}).Child("Continue"))
}#Import
Import ui from github.com/egoist/quickgui/go/ui.
import (
"github.com/egoist/quickgui/go/ui"
)#Usage
func ViewExample() *ui.Element {
return ui.View().
Padding(20).Gap(12).
Child(ui.Text("Hello from Go")).
Child(ui.Button().OnClick(func() {}).Child("Continue"))
}#API reference
Expand an entry for its description and complete signature. A dash means no declaration default is documented.
View
View sourceui.View() *ElementView constructs an empty retained container. Append content with Child or Children and configure it with fluent properties, events, and styles.
ChildChild(child any) *Element—
Child appends content and returns this element. Content can be an element, native node, scalar, accessor, or node-returning construction callback.
Child(child any) *ElementChildrenChildren(children ...any) *Element—
Children appends multiple children in order without replacing existing content. It also accepts []any, []*Element, and []*native.Node slices as arguments. Read the retained child nodes through element.Node.Children.
Children(children ...any) *ElementStyleStyle(style StyleBuilder) *Element—
Style merges a reusable style. Scalar accessors retain independent native bindings.
Style(style StyleBuilder) *ElementOnClickOnClick(handler func()) *Element—
OnClick handles a click without an unused event parameter.
OnClick(handler func()) *ElementRefRef(handler func(*native.Node)) *Element—
Ref exposes the native handle once at this point in the declaration chain.
Ref(handler func(*native.Node)) *ElementPaddingPadding(value any) *Element—
BackgroundColorBackgroundColor(value any) *Element—
BackgroundColor sets the corresponding style property.
BackgroundColor(value any) *ElementOnKeyDownOnKeyDown(value func(*native.Event)) *Element—
OnKeyDown configures the corresponding node property.
OnKeyDown(value func(*native.Event)) *ElementOnFocusOnFocus(value func(*native.Event)) *Element—
OnFocus configures the corresponding node property.
OnFocus(value func(*native.Event)) *ElementOnBlurOnBlur(value func(*native.Event)) *Element—
OnBlur configures the corresponding node property.
OnBlur(value func(*native.Event)) *Element