/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    div: "div",
    h2: "h2",
    p: "p",
    a: "a",
    ul: "ul",
    li: "li"
  }, _provideComponents(), props.components), {PermanentLink, QuickNav} = _components;
  if (!PermanentLink) _missingMdxReference("PermanentLink", true);
  if (!QuickNav) _missingMdxReference("QuickNav", false);
  if (!QuickNav.Heading) _missingMdxReference("QuickNav.Heading", true);
  if (!QuickNav.Item) _missingMdxReference("QuickNav.Item", true);
  if (!QuickNav.Link) _missingMdxReference("QuickNav.Link", true);
  if (!QuickNav.List) _missingMdxReference("QuickNav.List", true);
  if (!QuickNav.Root) _missingMdxReference("QuickNav.Root", true);
  return _jsxs(_Fragment, {
    children: [_jsxs(QuickNav.Root, {
      children: [_jsx(QuickNav.Heading, {}), _jsx(QuickNav.List, {
        children: _jsx(QuickNav.Item, {
          children: _jsx(QuickNav.Link, {
            href: "/custom-domains/overview",
            children: "Overview"
          })
        })
      })]
    }), _jsxs(_components.div, {
      tabIndex: "-1",
      "data-section-slug": "/custom-domains/overview",
      children: [_jsx(PermanentLink, {
        label: "Section titled Overview",
        hidden: true,
        href: "/custom-domains/overview",
        children: _jsx(_components.h2, {
          id: "/custom-domains/overview",
          children: "Overview"
        })
      }), "\n", _jsx(_components.p, {
        children: "By default, a WorkOS domain will be used for services such as sending email and hosting AuthKit. In the staging environment these will always use a WorkOS domain, however in production you have the option to provide your own custom domain."
      }), "\n", _jsxs(_components.p, {
        children: ["This is a paid service, for which you can find additional details on our ", _jsx(_components.a, {
          href: "https://workos.com/pricing",
          children: "pricing page"
        }), "."]
      }), "\n", _jsx(_components.p, {
        children: "Custom domains can be set for:"
      }), "\n", _jsxs(_components.ul, {
        children: ["\n", _jsx(_components.li, {
          children: _jsx(_components.a, {
            href: "/custom-domains/email",
            children: "Email"
          })
        }), "\n", _jsx(_components.li, {
          children: _jsx(_components.a, {
            href: "/custom-domains/authkit",
            children: "AuthKit"
          })
        }), "\n", _jsx(_components.li, {
          children: _jsx(_components.a, {
            href: "/custom-domains/admin-portal",
            children: "Admin Portal"
          })
        }), "\n", _jsx(_components.li, {
          children: _jsx(_components.a, {
            href: "/custom-domains/auth-api",
            children: "Authentication API"
          })
        }), "\n"]
      })]
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};
function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}


Overview

Email Domain

AuthKit Domain

Admin Portal Domain

Authentication API Domain

Custom Domains

Guidance on configuring a custom domain for emails.

Configure your integration to match your brand identity.