Components
SpartanFX ships a curated catalog of enterprise React components. Each one has an interactive demo in the Showcase (edit props, copy code) and a generated entry in the API Reference.
Dual-purpose components
Components marked (+ adapter) are host-agnostic UI in @spartanfx/react and gain data through a /spfx or /codeapps adapter hook. See Architecture.
Data & collections
- DataTable (+ adapter) — sortable, filterable, groupable table
- DataGrid — editable grid with change tracking
- DataMatrix — pivot / aggregation matrix
- DocumentManager (+ adapter) — SharePoint document library UI
- ListViewPivot — pivot tabs over a list view
- TreeView — hierarchical, reorderable tree
- Planner (+ adapter) — scheduling / timeline planner
- TaskManager (+ adapter) — task board and editor
- Pager — pagination control
Forms & input
- ListForm (SPFx) — schema-driven SharePoint list forms
- PeoplePicker / ComboBoxPeoplePicker (SPFx) — user pickers
- DateTimePicker — date + time selection
- ImagePicker (SPFx) — image selection and upload
- RoosterRichTextEditor — rich text editor
- ExtendedSearchBox — search box with type/scope
- Rating — star / element rating
- DropFileArea — drag-and-drop file zone
Feedback & status
- NotificationCenter (+ adapter) — notifications with persistence
- MessageBar — inline messages
- ProgressBar — determinate / indeterminate progress
- Loading / LoadingPanel — loading states
- StatusBadge — status pills with color presets
- Timeline — step / event timeline
- InfoTooltip — accessible info tooltip
- ConfirmDialog — promise-based confirm dialog
Layout & navigation
- Accordion — animated disclosure panel
- Grid / GridItem — responsive grid
- BreadCrumb — overflow-aware breadcrumbs
- Stepper — multi-step indicator
- Carousel — content carousel
- ActionPersona — persona pill with hover-card actions
- CopyBox — copy-to-clipboard field
Utility
- ExportToExcel (SPFx) — export a list view to Excel
- LibraryAttachments / VersionHistoryForm (SPFx)
- AppShield / AppParameters (SPFx) — app shell and configuration
- Icon / IconButton / ActionButton / FileTypeIcon — see Icons
Looking for the exact props of a component? Jump to the API Reference — it's organized by entry point (index, spfx, codeapps) to match your import path.