Skip to main content

Manage verified and pending organization domains: create, verify, associate with identity providers, and remove — all in a unified table interface.

Domain Table Loading Preview

​
Setup Requirements

Auth0 Configuration Required Before using the DomainTable component, ensure your tenant is configured with the proper APIs, applications, and permissions. Setup guide: My Organization Components Introduction →

​
Installation

​
Option 1: NPM Package

Install the React package: 
npm install @auth0/universal-components-react
This method installs pre-built components from npm and is the recommended approach for most applications.

​
Option 2: Shadcn CLI

If you’re using Shadcn, you can add the DomainTable block directly to your project. You’ll still need to install the core package separately:
1

Install Core Package

npm install @auth0/universal-components-core
2

Add Shadcn Block

npx shadcn@latest add https://auth0-universal-components.vercel.app/r/my-organization/domain-table.json
Shadcn installs the React component source code in your src/auth0-ui-components/ directory along with all UI dependencies, but you must install the core package separately via npm.

​
Basic Usage

Basic implementation
// For SPA applications:
import { DomainTable } from "@auth0/universal-components-react/spa";

// For Next.js/RWA applications:
// import { DomainTable } from '@auth0/universal-components-react/rwa';

// For shadcn users:
// import { DomainTable } from '@/auth0-ui-components/blocks/my-organization/domain-management/domain-table';

export function DomainsPage() {
  return (
    <div>
      <DomainTable />
    </div>
  );
}

​
Props

PropTypeDefaultDescription
schemaDomainTableSchema-Validation schema for form fields including regex patterns and error messages
customMessagesPartial<DomainTableMainMessages>{}Custom messages object for internationalization support
stylingComponentStyling{ variables: {}, classes: {} }Custom styling variables and CSS classes
readOnlybooleanfalseWhether the component is in read-only mode
hideHeaderbooleanfalseWhether to hide the component header
createActionComponentAction<Domain>-Configuration for create action including onBefore and onAfter hooks
verifyActionComponentAction<Domain>-Configuration for verify action including onBefore and onAfter hooks
deleteActionComponentAction<Domain>-Configuration for delete action including onBefore and onAfter hooks
associateToProviderActionComponentAction<Domain, IdentityProvider>-Configuration for associateToProvider action including onBefore and onAfter hooks
deleteFromProviderActionComponentAction<Domain, IdentityProvider>-Configuration for deleteFromProvider action including onBefore and onAfter hooks