Search
Search across all documentation pages and component references.
- Home
Overview and starting point for Marionette Docs.
- Tutorial
Lessons for building Marionette applications.
- Static Assets Tutorial
Serve images, CSS, JavaScript, and embedded assets.
- Backend and Frontend Tutorial
Request flow, actions, forms, regions, and backend state.
- DashWind Admin Tutorial
Build an admin UI with a sidebar, KPIs, resource table, row actions, and settings form using DashWind.
- API Docs
API reference for helpers, actions, layout, and form controls.
- Components Gallery
Visual samples for Marionette components.
- Button
Primary/secondary action button variants
- Link
Internal, external, and download links with shared styling.
- ThemeToggleButton
Marionette built-in theme toggle action button.
- ThemeController
ThemeController and ThemeControllerOption aliases exposed from frontend package.
- Sidebar
Application sidebar navigation with active links and optional note.
- Navbar
Top navigation bar alias exposed from frontend package.
- Hero
Hero section alias exposed from frontend package.
- Timeline
Timeline and TimelineItem aliases exposed from frontend package.
- Dropdown
Dropdown alias exposed from frontend package.
- Input
Single-line text and value input control
- FileUpload
File selection input helper for upload forms
- Select
Dropdown control for choosing one option
- Modal
Overlay dialog for confirmations and detail tasks
- EmptyState
No-data and loading empty-state presentation
- Table
Column/row data table with sort affordances.
- Chart
Chart.js-backed data visualization wrapper.
- Image
Responsive image display with alt text and optional caption.
- Chart (Line)
Line chart for visualizing trends over time or continuous values.
- Chart (Bar)
Bar chart for comparing values across categories.
- Chart (Pie)
Pie chart for showing part-to-whole proportions.
- Chart (Doughnut)
Doughnut chart with center space for summary metrics.
- Chart (Scatter)
Scatter chart for visualizing correlation and distribution on two axes.
- Pagination
Previous/next pager with current page state
- Form
Form element wrapper for method/action and child controls.
- FormField
Labeled field wrapper with hint and error text
- Tabs
Tabbed navigation for switching related views
- Breadcrumb
Hierarchical path navigation trail
- Textarea
Multiline text input control
- Checkbox
Boolean checkbox input with label
- RadioGroup
Exclusive multi-option radio selection group
- Switch
Toggle-style boolean switch control
- Stack
Flex-based vertical/horizontal stack layout.
- Grid
Responsive grid layout for repeated content.
- Split
Main/aside split layout primitive.
- PageHeader
Page title, description, and action header.
- Container
Width and padding container wrapper.
- Card
Card surface with optional header metadata.
- Section
Section block with consistent heading spacing.
- Toast
Transient toast notification component
- Alert
Inline alert message component
- Skeleton
Loading placeholder skeleton blocks
- Progress
Determinate and indeterminate progress indicator.
- Toast / Alert / EmptyState / Skeleton
Toast/alert/empty/skeleton feedback demo
- Layout stories
Layout usage demo with cards, grid, and split panels.
- Navigation stories
Navigation component stories for tabs, breadcrumbs, and pagination.
- Overlay System Demo
Modal/drawer/popover/tooltip overlay demo
- DataFrame
Render a gota DataFrame as a table component.
- DataFrameChart
Build chart datasets from a DataFrame for ComponentChart.
- H1-H4
Semantic heading node helpers (H1-H4 and props variants).
- P
Paragraph node helper for readable body text blocks.
- Span
Inline span node helper and props variant for text fragments.
- Markdown
Render Markdown content as sanitized HTML output.
- FontIcon
Font icon helper for Material Icons or UIcons/Flaticon classes.
- Avatar
Avatar alias exposed from frontend package.
- Menu
Menu alias exposed from frontend package.
- Footer
Footer alias exposed from frontend package.
- Drawer
Drawer alias exposed from frontend package.
- Stat
Stat alias exposed from frontend package.
- Steps
Steps alias exposed from frontend package.
- Step
Step alias exposed from frontend package.
- Collapse
Collapse alias exposed from frontend package.
- MockupWindow
MockupWindow alias exposed from frontend package.
- Kbd
Kbd alias exposed from frontend package.
- Code
Code alias exposed from frontend package.
- Indicator
Indicator alias exposed from frontend package.
- Tooltip
Tooltip alias exposed from frontend package.
- Loading
Loading alias exposed from frontend package.
- RadialProgress
RadialProgress alias exposed from frontend package.
- Rating
Rating alias exposed from frontend package.
- Range
Range alias exposed from frontend package.
- Toggle
Toggle alias exposed from frontend package.
- Join
Join alias exposed from frontend package.
- Mask
Mask alias exposed from frontend package.
- Carousel
Carousel alias exposed from frontend package.
- CarouselItem
CarouselItem alias exposed from frontend package.
- ChatBubble
ChatBubble alias exposed from frontend package.
- Actions
Horizontal action group container with alignment, gap, and wrapping controls.
- Divider
Visual separator with configurable spacing.
- Box
Generic surface container with tone, border, and padding options.
- AppShell
Application shell with sidebar, flashes, header, and content regions.
- Region
ID-addressable content region designed for partial updates.
- Badge
Compact label component with variant and size options.
- TextComponent
Semantic text helper with size, weight, and tone options.
- LoadingWithVariants
Loading helper with type and size variants.
- TableWithVariants
Table helper with zebra, pin rows/cols, and size variants.
- TooltipWithVariants
Tooltip helper with placement, color, and forced-open variants.
- DashWind Shell
Responsive DashWind admin shell with drawer navigation, topbar search, actions, and user menu.
- DashWind PageHeader
Dashboard page title row with description text and optional action area.
- DashWind CardPanel
Admin card surface that wraps DaisyUI cards with DashWind spacing, shadow, and actions.
- DashWind AuthCard
Two-column authentication preset with labeled fields, submit button, and footer content.
- DashWind SettingsSection
Card-backed settings form section with help text, validation states, and submit actions.
- DashWind MetricGrid
Responsive KPI metric grid with values, descriptions, trend tones, icons, and links.
- DashWind DataTable
Typed resource table with sortable headers, cell classes, zebra rows, and empty content support.
- DashWind ResourcePage
High-level list page preset combining page header, primary action, filters, table, empty state, and row actions.