Athena

SecuritySettings

Groups the built-in security cards together with any plugin-contributed security surfaces.

Import

import { SecuritySettings } from "@xylex-group/athena-auth-ui"

Details

  • Category: component
  • Primary entrypoint: @xylex-group/athena-auth-ui
  • Public entrypoints: @xylex-group/athena-auth-ui
  • Source: packages/heroui/src/components/auth/settings/security/security-settings.tsx

Props

PropTypeRequiredNotes
classNamestring | undefinedNo
variant"default" | "secondary" | "tertiary" | "transparent" | undefinedNo

Notes

  • Most interactive auth components expect to be rendered under AuthProvider so hooks such as useAuth and the configured navigation bridge are available.
  • See Customization Guide for provider-level localization, route overrides, class-name slots, loading overrides, and email template key mapping.