LaraviltCopy pageСтраницы · LaraviltLaravilt DocumentationGetting Started10Getting StartedRequirementsInstallationInstaller PromptsQuick StartYour First ResourceConfigurationFrontend StacksTroubleshootingUpgrading from 1.0ArchitecturePanel36PanelCreating PanelsPanel ProviderDiscoveryBranding & ThemingLayout & LocalizationPanel AuthenticationResources9ResourcesResource FormsResource TablesResource AuthorizationRelation ManagersNested ResourcesResource APIAPI ActionsResource AIAI ColumnsPagesPagesPage FormsPage TablesPage InfolistsPage Widgets & ActionsNavigationNavigationNavigation ItemsBadges & VisibilityClustersMulti-TenancyMulti-TenancyTenancy OverviewTeams TenancyTenancy ConfigurationTenant ModelsMiddleware & RoutingTenancy Best PracticesMigrating from FilamentMigrating from FilamentMigration OverviewNamespace MappingsPost-Migration ChecklistForms39FormsLayoutsReactive FieldsValidationInputsInputsTextInputTextareaNumberFieldPinInputHiddenSelectionSelectionSelectRadioCheckboxCheckboxListToggleToggleButtonsDate & TimeDate & TimeDatePickerDateTimePickerTimePickerDateRangePickerPickersPickersColorPickerIconPickerTagsInputSliderRateInputMediaMediaFileUploadRichEditorMarkdownEditorCodeEditorDataDataRepeaterBuilderKeyValueCustom FieldsCustom FieldsCreating FieldsFrontend ComponentsTables33TablesREST APIColumnsColumnsTextColumnImageColumnIconColumnColorColumnToggleColumnSelectColumnTextInputColumnCheckboxColumnFiltersFiltersSelectFilterTernaryFilterTrashedFilterTable ActionsTable ActionsRow ActionsBulk ActionsHeader ActionsFeaturesFeaturesSearchingSortingColumn VisibilityGroupingReorderingFixed ActionsPollingDisplayDisplayPaginationGrid ViewCardsCustomizationCustomizationCreating ColumnsFrontend ComponentsActions22ActionsStylingConfirmationFormsNotificationsAuthorizationAction Types10Action TypesViewActionEditActionCreateActionDeleteActionRestoreActionForceDeleteActionReplicateActionExportActionImportActionCustom ActionBulk ActionsBulk ActionsBulkActionBulkActionGroupDeleteBulkActionRestoreBulkActionForceDeleteBulkActionSchemasSchemasSchema ClassLayout ComponentsLayout ComponentsSectionGridTabsWizardSplitFieldsetInfolists16InfolistsEntriesEntriesTextEntryBadgeEntryIconEntryImageEntryColorEntryCodeEntryKeyValueEntryRepeatableEntryLayoutsLayoutsSectionGridTabsCustom EntriesCustom EntriesCreating EntriesFrontend ComponentsNotificationsNotificationsCustom NotificationsNotification TypesNotification TypesToast NotificationsDatabase NotificationsFeaturesFeaturesActionsConfigurationWidgetsWidgetsCustom WidgetsWidget TypesWidget TypesStats OverviewLine ChartBar ChartPie ChartAuthentication17AuthenticationConfigurationUser ModelMigrationsRoutesEventsAuthentication MethodsAuthentication MethodsEmail & PasswordSocial LoginTwo-Factor AuthenticationPasskeysProfile & SettingsProfile & SettingsProfile InformationPasswordSessionsAPI TokensConnected AccountsLocale & TimezoneAI21AIProvidersProvidersOpenAIAnthropicGeminiDeepSeekPerplexityChatChatStreamingSessionsFrontend ComponentsToolsToolsQuery ToolCRUD ToolsCustom ToolsAgentsAgentsResource AgentsAI ColumnsConfigurationSearchSearchConfigurationFrontend ComponentsQuery BuilderQuery BuilderSortingFiltersFiltersText FilterSelect FilterBoolean FilterDate FilterPlugins18PluginsGetting StartedGetting StartedInstallationStructureConceptsConceptsPlugin ClassesTraitsConfigurationDependenciesComponentsComponentsResourcesModelsCommandsPlugin ManagerPlugin ManagerRegistrationTutorialsTutorialsCreating a PluginExamplesExamplesUsers PluginFrontend (Vue & React)20Frontend (Vue & React)LayoutsApp Shell ComponentsStyling & ThemingUtilitiesUI Components10UI ComponentsButtonCardBadgeAlertAvatarDialogSheetDropdown MenuTabsTooltipForm InputsForm InputsInputSelectCheckboxSwitchMCPMCPPanel MCPForms MCPTables MCPSchemas MCPAuth MCPPlugins MCPSupportSupportComponentConcernsUtilitiesFAQFAQInstallation FAQForms FAQTables FAQSchemas FAQWidgets FAQAI Features FAQTroubleshooting FAQTabsThe Tabs primitive for switching between panels of content.This is the client-side primitive. For tabs inside forms and infolists, use the PHP Tabs schema component. See Schemas. Import typescript Usage vue tsx Controlled vue tsx Pass disabled on a TabsTrigger to disable it. Related Card НазадDropdown MenuДалееTooltip