ApiKeysCreateCallout() — supabase Function Reference

Source Code

apps/studio/components/interfaces/APIKeys/ApiKeysIllustrations.tsx lines 110–124

export const ApiKeysCreateCallout = () => {
  return (
    <FeatureBanner illustration={<ApiKeysIllustrationWithOverlay />} bgAlt>
      <div className="flex flex-col gap-0 z-[2]">
        <p className="text-sm text-foreground">Create API keys</p>
        <p className="text-sm text-foreground-lighter lg:max-w-sm 2xl:max-w-none">
          Use keys to authenticate requests to your app
        </p>
        <div className="mt-4">
          <CreateNewAPIKeysButton />
        </div>
      </div>
    </FeatureBanner>
  )
}