ModelContextProtocol

Search Field

Codefences and playgrounds

Working with Text

Working with Markdown

Routing and Links

User-defined Components

Build a HelloWorld Component

Hosted Deployment

Invoice Details

Expose a method from a component

Delegate a method

React to button click not keystrokes

Buffer a reactive edit

Modify a value reported in a Column

Filter and transform data from an API

Group items in List by a property

Delay a DataSource until another DataSource is ready

Hide an element until its DataSource is ready

Use built-in form validation

Do custom form validation

Assign a complex JSON literal to a component variable

Use accessors to simplify complex expressions

Make a set of equal-width cards

Set the initial value of a Select from fetched data

Pass data to a Modal Dialog

Debug a component

Share a ModalDialog across components

Use the same ModalDialog to add or edit

Paginate a list

Chain a DataSource refetch

Control cache invalidation

Handle background operations

Update UI optimistically

Toggle multiple items with shared state

Sync selections between table and list views

Make a table responsive

Debounce user input for API calls

Debounce with ChangeListener

Use ModalDialog's onClose() method

Copy billing data to shipping

Implement an authentication gate

Set the Width of an Input Field in an HStack

Stop DataSource from sending requests in a closed Dialog

Add custom icons

Components Overview

ContentSeparator

FileUploadDropZone

MessageListener

NavPanelCollapseButton

RealTimeAdapter

TableOfContents

ToneChangerButton

Xmlui Animations

Extension Overview

FadeInAnimation

FadeOutAnimation

SlideInAnimation

Xmlui Website Blocks

Extension Overview

Extension Overview

Layout Properties

Theme Variables

Theme Variable Defaults

Context Variables

Core Properties

Template Properties

Model Context Protocol

VSCode extension

This site is an XMLUI™ app.

Gallery News & Reviews Changelog