Component index

Every Filament component the theme touches, what it maps to in Material, and what it adds. A blank API column means the component is restyled and nothing has to be called.

Actions

Filament	Material	Variants	API
Action	Button	Filled (default), Tonal, Elevated, Outlined, Text, FAB, Extended FAB	filledButton(), tonal(), elevated(), fab(), extendedFab(), variant()
Action with iconButton()	Icon button	Standard (default), Filled, Tonal, Elevated, Outlined	The same set
Action modal	Dialog, side sheet, bottom sheet	Dialog (default)	bottomSheet()
ActionGroup	Menu	Menu button (default), kebab icon button, split button, FAB menu	Every button variant, plus splitButton(), fabMenu()

Schemas

Filament	Material	Variants	API
Section	Card	Pane tone (default), Elevated, Filled, Outlined	elevated(), filled(), outlined(), variant()
Fieldset	Card with a legend	The same four	The same set
Tabs	Tabs	Primary (default), Secondary	secondary(), variant()
Wizard	Stepper
Callout	Container on a color role
Divider	Divider	Full width (default), Inset, Middle inset	inset(), middleInset(), variant()
Text, Icon, Image, UnorderedList	Type scale and surface roles
FusedGroup	Clipped, rounded group

Forms

Filament	Material	Variants	API
TextInput	Text field	Outlined (default), Filled, Search	outlined(), filledField(), search(), variant()
Textarea	Text field	The same three	The same set
Select	Menu, on a text field	The field's three	The same set
Checkbox, CheckboxList	Checkbox
Radio	Radio button
Toggle	Switch
ToggleButtons	Button group, or segmented button with grouped()
DatePicker, TimePicker, DateTimePicker	Docked date picker, time input
Slider	Slider (Expressive anatomy)
TagsInput	Chips in a text field
KeyValue	Table of text fields
ColorPicker	Menu sheet
FileUpload	Surfaces, plus a modal editor
RichEditor	Toolbar, docked and floating
MarkdownEditor	Toolbar
Repeater, Builder	Cards, plus a menu for the block picker
CodeEditor	Outlined container
OneTimeCodeInput	Outlined fields per digit
TableSelect, ModalTableSelect	Chips in a field, plus a modal

Tables

Filament	Material	Variants	API
Table	List on a card
Column with badge()	Chip	Filled (default), Outlined, Elevated	filledBadge(), outlinedBadge(), elevatedBadge(), variant()
Filters	Menu carrying a form
Search	Search	Always the search pill
Pagination	Rounded targets, current on the secondary container
Column manager, grouping, summaries	Menu, list bands

Infolists

Filament	Material	Variants	API
Entry	Type scale on a surface
Entry with badge()	Chip	Filled (default), Outlined, Elevated	filledBadge(), outlinedBadge(), elevatedBadge(), variant()

Panels

Filament	Material	Variants	API
Sidebar	Navigation drawer, rail when collapsed
Topbar	Top app bar, flat until scrolled
Global search	Search, over a dialog surface
Notifications	Snackbar
Database notifications	List on a surface
Empty states	Icon, headline and body on the canvas
Simple pages	Card on the canvas
Breadcrumbs, page header	Type scale
Tooltips	Plain tooltip
Loading	Restyled, not replaced

Widgets

Filament	Material	Variants	API
Stats overview	Card	Pane tone (default), Elevated, Filled, Outlined	elevated(), filled(), outlined(), variant()
Charts	Roles bound to the scheme
Account and info widgets	Type scale

Not implemented

Material components Filament has no equivalent for, and the theme does not add: linear and circular progress indicators, carousel, navigation bar, bottom app bar, the full-screen search view, the date range picker and the time picker's dial. Filament's own loading indicator is restyled rather than replaced. The divider is the one component the theme ships rather than restyles.