Skip to content

Component Gallery

This section is the component learning map for BrickflowUI.

Use it when you want to understand:

  • what a component does
  • which props matter first
  • where it fits in a larger app
  • how to combine it with rows, columns, cards, forms, and charts

Component inventory

Layout and structure

  • Column
  • Row
  • Grid
  • Card
  • Divider
  • Spacer
  • Hero
  • SectionHeader
  • StatusStrip

Typography and feedback

  • Text
  • Code
  • Badge
  • Alert
  • Spinner
  • Progress
  • Stat
  • EmptyState
  • Toast
  • Timeline
  • SparklineStat
  • Image
  • Video

Inputs and actions

  • Button
  • Input
  • Select
  • Checkbox
  • Toggle
  • Slider
  • DateRangePicker
  • MultiSelect
  • Form
  • ChatInput
  • Sidebar
  • NavItem
  • Breadcrumbs
  • Tabs
  • TabItem
  • Modal
  • Drawer
  • Popup
  • Accordion
  • AccordionItem

Data and visualization

  • Table
  • Plot
  • AreaChart
  • BarChart
  • LineChart
  • DonutChart
  • ScatterChart
  • ComposedChart
  • GaugeChart
  • RadarChart
  • Heatmap
  • FunnelChart
  • TreeMap
  • PipelineGraph

Workflow and app patterns

  • Stepper
  • KanbanBoard
  • ChatMessage
  • ChatInput

Databricks helpers

  • CatalogBrowser
  • WarehouseSelector
  • JobTrigger
  1. Layout And Surfaces
  2. Content And Feedback
  3. Inputs And Forms
  4. Navigation And Overlays
  5. Tables And Data
  6. Charts And Visualizations
  7. Workflow Patterns
  8. Databricks Components

Dedicated component pages

If you want a page for one component at a time, open the Component Pages catalog.