saturation/uisaturation/ui
DocsComponentsBlocksPagesEmails
GitHub

Sections

IntroductionComponentsInstallationMCPThemingDesign

Components

Components

General

AvatarBadgeButtonKbdProgressSeparatorSkeletonSpin ResolveSpinnerSync ButtonTypography

Forms & Inputs

Address LookupCalendar PickerCheckboxComboboxDate PickerEmoji PickerFavicon SearchFieldInputInput GroupInput OTPRadio GroupSelectSliderSwitchTextareaToggleToggle Group

Data Display

AccordionAlertCardChartComparison SliderCredit CardData TableEmptyItemSaturation Credit CardTableTree

Navigation

BreadcrumbCommandMenubarNavigation MenuPaginationTabs

Overlays

CollapsibleContext MenuDialogDropdown MenuSheet

Layout

Button GroupFont ProviderWizard Split Layout

Feedback

Sonner

Animation & Effects

Animated GroupAnimated ListAnimated NumberBeamBlur FadeBorder TrailGlow EffectLiquid MetalLoading StateParallaxPixelProgressive BlurRippleSpotlightText EffectText Shimmer

Productivity

Agent ChatAI Chat InputCoding AgentFiltersFull CalendarKanbanNovel Editor

Spreadsheet Table

Interactive spreadsheet-style table with inline editing, grouping, badges, avatars, and totals.

  1. 🚀 Space ranger

Views

Default View
Camera Department
By Location
Crew Gallery
Schedule
1Line Producer
DGAWC
12/1/25-12/7/25DONE1Week$1,100$1,1001Week$1,100$1,1001Week$1,100$1,1001Week$1,100$1,100$1,100
2Assistant Director
DGAWC
12/1/25-12/14/25IN PROGRESS2Week$850$1,7002Week$850$1,7002Week$850$1,7002Week$850$1,700$1,700
3Director of Photography
DGAWC
12/8/25-12/10/25IN PROGRESS3Day$600$1,8003Day$600$1,8003Day$600$1,8003Day$600$1,800$1,800
41st Assistant Camera
DGAWC
12/15/25-12/19/25NOT STARTED5Day$350$1,7505Day$350$1,7505Day$350$1,7505Day$350$1,750$1,750
52nd Assistant Camera
DGAWC
12/15/25-12/18/25NOT STARTED4Day$325$1,3004Day$325$1,3004Day$325$1,3004Day$325$1,300$1,300
6
7Prop Master
DGAWC
12/8/25-12/21/25DONE2Week$750$1,5002Week$750$1,5002Week$750$1,5002Week$750$1,500$1,500
8Asst Props
DGAWC
12/22/25-12/24/25NOT STARTED3Day$275$8253Day$275$8253Day$275$8253Day$275$825$825
9DITDaily, Guaranteed 8...
DGAWC
12/26/25-12/28/25IN PROGRESS3Day$500$1,5003Day$500$1,5003Day$500$1,5003Day$500$1,500$1,500
10Camera Op
DGAWC
12/22/25-12/27/25DONE6Day$425$2,5506Day$425$2,5506Day$425$2,5506Day$425$2,550$2,550
10 rows
10 rows
Grand Total: $14,025.00

Features

  • Inline editing — Click to edit cells
  • Row grouping — Organize data hierarchically
  • Computed totals — Automatic sum/average
  • Custom cell types — Badges, avatars, checkboxes
  • Keyboard navigation — Arrow keys to move

API Reference

PropTypeDefaultDescription
dataRow[]-Table data
columnsColumn[]-Column definitions
onCellEdit(rowId: string, columnId: string, value: any) => void-Cell edit callback

Components Used

tableinputbadgeavatarcheckboxbutton