Search

Overview and starting point for Marionette Docs.

Lessons for building Marionette applications.

Serve images, CSS, JavaScript, and embedded assets.

Request flow, actions, forms, regions, and backend state.

Build an admin UI with a sidebar, KPIs, resource table, row actions, and settings form using DashWind.

API reference for helpers, actions, layout, and form controls.

Visual samples for Marionette components.

Primary/secondary action button variants

Internal, external, and download links with shared styling.

Marionette built-in theme toggle action button.

ThemeController and ThemeControllerOption aliases exposed from frontend package.

Application sidebar navigation with active links and optional note.

Top navigation bar alias exposed from frontend package.

Hero section alias exposed from frontend package.

Timeline and TimelineItem aliases exposed from frontend package.

Dropdown alias exposed from frontend package.

Single-line text and value input control

File selection input helper for upload forms

Dropdown control for choosing one option

Overlay dialog for confirmations and detail tasks

No-data and loading empty-state presentation

Column/row data table with sort affordances.

Chart.js-backed data visualization wrapper.

Responsive image display with alt text and optional caption.

Line chart for visualizing trends over time or continuous values.

Bar chart for comparing values across categories.

Pie chart for showing part-to-whole proportions.

Doughnut chart with center space for summary metrics.

Scatter chart for visualizing correlation and distribution on two axes.

Previous/next pager with current page state

Form element wrapper for method/action and child controls.

Labeled field wrapper with hint and error text

Tabbed navigation for switching related views

Hierarchical path navigation trail

Multiline text input control

Boolean checkbox input with label

Exclusive multi-option radio selection group

Toggle-style boolean switch control

Flex-based vertical/horizontal stack layout.

Responsive grid layout for repeated content.

Main/aside split layout primitive.

Page title, description, and action header.

Width and padding container wrapper.

Card surface with optional header metadata.

Section block with consistent heading spacing.

Transient toast notification component

Inline alert message component

Loading placeholder skeleton blocks

Determinate and indeterminate progress indicator.

Toast/alert/empty/skeleton feedback demo

Layout usage demo with cards, grid, and split panels.

Navigation component stories for tabs, breadcrumbs, and pagination.

Modal/drawer/popover/tooltip overlay demo

Render a gota DataFrame as a table component.

Build chart datasets from a DataFrame for ComponentChart.

Semantic heading node helpers (H1-H4 and props variants).

Paragraph node helper for readable body text blocks.

Inline span node helper and props variant for text fragments.

Render Markdown content as sanitized HTML output.

Font icon helper for Material Icons or UIcons/Flaticon classes.

Avatar alias exposed from frontend package.

Menu alias exposed from frontend package.

Footer alias exposed from frontend package.

Drawer alias exposed from frontend package.

Stat alias exposed from frontend package.

Steps alias exposed from frontend package.

Step alias exposed from frontend package.

Collapse alias exposed from frontend package.

MockupWindow alias exposed from frontend package.

Kbd alias exposed from frontend package.

Code alias exposed from frontend package.

Indicator alias exposed from frontend package.

Tooltip alias exposed from frontend package.

Loading alias exposed from frontend package.

RadialProgress alias exposed from frontend package.

Rating alias exposed from frontend package.

Range alias exposed from frontend package.

Toggle alias exposed from frontend package.

Join alias exposed from frontend package.

Mask alias exposed from frontend package.

Carousel alias exposed from frontend package.

CarouselItem alias exposed from frontend package.

ChatBubble alias exposed from frontend package.

Horizontal action group container with alignment, gap, and wrapping controls.

Visual separator with configurable spacing.

Generic surface container with tone, border, and padding options.

Application shell with sidebar, flashes, header, and content regions.

ID-addressable content region designed for partial updates.

Compact label component with variant and size options.

Semantic text helper with size, weight, and tone options.

Loading helper with type and size variants.

Table helper with zebra, pin rows/cols, and size variants.

Tooltip helper with placement, color, and forced-open variants.

Responsive DashWind admin shell with drawer navigation, topbar search, actions, and user menu.

Dashboard page title row with description text and optional action area.

Admin card surface that wraps DaisyUI cards with DashWind spacing, shadow, and actions.

Two-column authentication preset with labeled fields, submit button, and footer content.

Card-backed settings form section with help text, validation states, and submit actions.

Responsive KPI metric grid with values, descriptions, trend tones, icons, and links.

Typed resource table with sortable headers, cell classes, zebra rows, and empty content support.

High-level list page preset combining page header, primary action, filters, table, empty state, and row actions.