Settings

Press Ctrl+K to preview the palette.
Sidebar
Display
Profile Panel

John Doe

Administrator
Commands
🚀
Go to Page
Navigate to a page
gg
🌓
Toggle Theme
Switch between light and dark mode
gt
📐
Toggle Sidebar
Show or hide the sidebar
gb
⚙️
Open Settings
Open the settings panel
gs
Search In
📄
Pages
Search pages
:p
🧩
Components
Search component pages
:c

Table size variants synchronized with button/input sizes. Each variant provides enough space for buttons and inputs of the same size.

XS Size pa-table--xs

Compact rows - fits button/input XS. Best for dense data grids.

ActionsNamePositionOfficeAge
Tiger NixonSystem ArchitectEdinburgh61
Garrett WintersAccountantTokyo63
Ashton CoxJunior Technical AuthorSan Francisco66

Default Size pa-table

Standard rows - fits button/input SM and default sizes.

ActionsNamePositionOfficeAge
Tiger NixonSystem ArchitectEdinburgh61
Garrett WintersAccountantTokyo63
Ashton CoxJunior Technical AuthorSan Francisco66

SM Size pa-table--sm

Slightly wider horizontal padding than default.

ActionsNamePositionOfficeAge
Tiger NixonSystem ArchitectEdinburgh61
Garrett WintersAccountantTokyo63
Ashton CoxJunior Technical AuthorSan Francisco66

LG Size pa-table--lg

Spacious rows - fits button/input LG. Good for forms in tables.

ActionsNamePositionOfficeAge
Tiger NixonSystem ArchitectEdinburgh61
Garrett WintersAccountantTokyo63
Ashton CoxJunior Technical AuthorSan Francisco66

XL Size pa-table--xl

Extra spacious rows - fits button/input XL. Best for presentation tables.

ActionsNamePositionOfficeAge
Tiger NixonSystem ArchitectEdinburgh61
Garrett WintersAccountantTokyo63
Ashton CoxJunior Technical AuthorSan Francisco66

Size Reference

SizeClassPaddingBest for
XSpa-table--xs0.6rem 0.8remDense data grids, logs
Defaultpa-table0.8rem 0.8remStandard tables
SMpa-table--sm0.8rem 1remSlightly wider spacing
LGpa-table--lg0.8rem 1.4remForms in tables
XLpa-table--xl0.8rem 1.6remPresentation tables

Keyboard Shortcuts

No shortcuts registered.