Atproto Login

Example

Usage

Add modal to your `+layout.svelte`

		<AtprotoLoginModal
	login={async (handle) => {
		// do login and return true if login
		// is successful and should hide the modal
	}}
	signup={async () => {
		// do signup and return true if signup
		// is successful and should hide the modal
	}}
/>

Open the modal

		<Button onclick={() => atProtoLoginModalState.show()}>Login</Button>

API Reference

AtprotoLoginModal

A modal dialog for AT Protocol (Bluesky) login with handle autocomplete. Export atProtoLoginModalState to control the modal.

Property Type Description

function

Callback to handle the login action. Should return true on success. Default: —

signup

function

Callback to handle the signup action. Default: —

formAction

string

The form action URL for server-side form submission. Default: —

formMethod

enum

The form submission method. Default: 'get'

loginOnSelect

boolean

Whether to automatically trigger login when a handle is selected from autocomplete. Default: true

Property