Core props are fundamental to the component’s operation. SsoProviderTable requires both navigation actions to handle the typical provider management workflow.
Type:ComponentAction<void>The createAction prop is required because it controls where to navigate when users click “Add Provider”. Without this, the table wouldn’t know how to initiate the provider creation flow.Properties:
disabled - Disable the “Add Provider” button
onBefore() - Called before navigation. Return false to cancel. Use for permission checks.
onAfter() - Called to perform navigation. This is where you navigate to your create page.
Common Patterns:
Report incorrect code
Copy
Ask AI
// Navigate to create pagecreateAction={{ onAfter: () => navigate("/providers/create"),}}// Check permissions before allowing createcreateAction={{ onBefore: () => { if (!hasPermission("create:providers")) { alert("You don't have permission to create providers"); return false; } return true; }, onAfter: () => navigate("/providers/create"),}}// Track analytics on create intentcreateAction={{ onAfter: () => { analytics.track("Create Provider Started"); navigate("/providers/create"); },}}
Type:ComponentAction<IdentityProvider>The editAction prop is required because it controls where to navigate when users click on a provider row. The callback receives the provider data so you can navigate to the correct edit page.Properties:
disabled - Disable row click navigation
onBefore(provider) - Called before navigation. Return false to cancel.
onAfter(provider) - Called to perform navigation with the selected provider.
Type:ComponentAction<IdentityProvider>Controls permanent deletion of an SSO provider. This is destructive - the provider is deleted from your Auth0 tenant entirely.Properties:
disabled - Disable the delete option
onBefore(provider) - Called before deletion. Return false to cancel. Recommended for confirmation.
onAfter(provider) - Called after successful deletion.
Type:ComponentAction<IdentityProvider>Controls removing a provider from the organization without deleting it from the tenant. The provider remains available to be re-added later.Properties:
disabled - Disable the remove option
onBefore(provider) - Called before removal. Return false to cancel.
onAfter(provider) - Called after successful removal.
Type:ComponentAction<IdentityProvider>Controls the enable/disable toggle for providers. Disabled providers remain configured but users cannot authenticate through them.Properties:
disabled - Disable the toggle
onBefore(provider) - Called before toggle. Return false to cancel.
onAfter(provider) - Called after toggle completes.
Set custom validation rules for confirmation dialogs (e.g., type provider name to confirm deletion).
Available Schema Fields
All schema fields support: regex, errorMessagedelete.providerName - Confirmation for permanent deletion
remove.providerName - Confirmation for removal from organization
Report incorrect code
Copy
Ask AI
<SsoProviderTable createAction={{ onAfter: () => navigate("/providers/create") }} editAction={{ onAfter: (p) => navigate(`/providers/${p.id}`) }} schema={{ delete: { providerName: { regex: /^.+$/, errorMessage: "Please type the provider name to confirm", }, }, }}/>
The SsoProviderTable component is composed of smaller subcomponents and hooks. You can import them individually to build custom provider management workflows if you use shadcn.
For advanced use cases, you can import individual subcomponents to build custom provider management interfaces. This is useful when you need to embed the table in a different layout or customize row rendering.
