三つ Mittsu
HomeComponentsChartsTemplatesDocs
GitHub
◵ All components 94

Foundation

  • Button
  • Input
  • SearchInput
  • Textarea
  • Label
  • Kbd
  • Spinner
  • Card
  • Separator
  • Skeleton
  • Avatar
  • Typography
  • Field
  • Empty

Layout

  • Container
  • Stack
  • VStack
  • HStack
  • Flex
  • Spacer
  • Center
  • Box
  • Section
  • AspectRatio
  • ScrollArea

Shell

  • AppShell
  • Sidebar
  • Toolbar
  • PageHeader
  • PageBody
  • PageFooter
  • Resizable
  • SplitView
  • Collapsible
  • Accordion
  • DragHandle

Display

  • Badge
  • Chip
  • Lamp
  • ProgressBar
  • Stat
  • StatusRow
  • ProgressRing
  • Meter
  • Sparkline

Form

  • Toggle
  • ToggleGroup
  • Switch
  • Checkbox
  • RadioGroup
  • Slider
  • NumberInput
  • PinInput
  • PasswordInput
  • Select
  • NativeSelect
  • Combobox
  • Calendar

Overlay

  • Dialog
  • AlertDialog
  • Popover
  • Tooltip
  • Sheet
  • Drawer
  • DropdownMenu
  • ContextMenu
  • Command

Feedback

  • Toast

Navigation

  • NavItem
  • Tabs
  • SegmentedControl
  • Breadcrumb

Data

  • Table
  • List
  • VirtualList
  • InfiniteScroll
  • Timeline

macOS

  • Notch
  • Stepper
  • TrafficLights
  • TitleBar
  • Inspector
  • SourceList
  • OutlineView

AI

  • AgentTimeline
  • AIBadge
  • ChatMessage
  • ChatStream
  • CitationLink
  • DiffView
  • PromptInput
  • ToolCallCard
  • ToolResultCard
  • TypingDots
Back to Components

Shell

PageBody

Page-level main content region; renders a <main> with optional padding. Pairs with PageHeader and PageFooter.

Examples

Default

Page body content lives here.

<PageBody>
  <p>Page body content lives here.</p>
</PageBody>

Props

PropTypeDefaultDescription
paddedbooleantrueApply token-driven block padding.
childrenSnippet—Page content.

Install

CLI

npx @a3tai/mittsu add page-body
三つ Mittsu Source-first UI primitives for Svelte product work.
Components Charts Templates Docs A3T
© 2026 A3T. MIT.