| Component | Slots |
|---|---|
|
header
,
error
,
footer
, and one per step —
choose
,
request-code
,
verify-code
,
add-passkey
— each receiving the
useLoginFlow()
object
|
|
one per state —
loading
,
ready
,
accepted
,
declined
,
missing
,
error
— each receiving
{ invitation, accept, decline, pending, error }
|
|
one per state —
loading
,
ready
,
missing
,
answered
— each receiving
{ request, approve, deny, pending, error }
|
|
default
(
{ gifts, claim, isClaiming }
)
|
|
header
,
plan
,
plan-action
,
packs
,
pack
,
portal
,
empty
,
error
,
footer
|
|
header
,
loading
,
empty
,
error
,
order
,
pager
,
footer
|
|
header
,
loading
,
empty
,
error
,
event
,
pager
,
footer
|
|
default
,
message
,
action
,
dismiss
|
|
workspaces
,
workspace
,
create
,
billing
,
credits
,
footer
|
|
identity
,
name
,
email
,
footer
|
|
verification
,
passkeys
,
passkey
,
sessions
,
session
,
danger
,
footer
|
,
|
default
,
fallback
(the check failed),
placeholder
(still loading)
|
|
default
(
{ workspace }
),
fallback
(no active workspace),
placeholder
(still loading)
|
| Component | Props | Emits |
|---|---|---|
|
title
(
'Sign in'
),
requireName
(
true
),
validateEmail
|
success
,
error(message)
,
step(step)
|
|
invitationId
(the
?id=
query parameter),
activate
(
true
)
|
accepted(invitation)
,
declined(invitation)
,
error(message)
|
|
— |
answered(approved)
,
error(message)
|
|
— |
claimed(count)
,
error(message)
|
|
plans
,
packs
(
appConfig.backend.billing
),
title
,
period
(
'/mo'
),
showPacks
(
true
),
showPortal
(
true
),
redirect
(
true
)
|
checkout(url)
(only with
redirect: false
),
plan-changed(key)
,
canceled
,
uncanceled
,
topped-up(key)
,
error(message)
|
|
title
,
limit
(the provider's page size),
invoices
(
true
),
redirect
(
false
— invoices open in a new tab)
|
invoice(url)
,
error(message)
|
|
meter
(every metered event),
title
,
limit
(the provider's page size)
|
— |
|
meter
(the primary meter),
threshold
(
appConfig.backend.billing.lowCreditsThreshold
),
pack
(a credit-pack key — turns the action into a top-up checkout),
dismissible
(
true
),
redirect
(
true
)
|
dismissed
,
topped-up(url)
,
error(message)
|
|
sections
(
['workspaces', 'billing', 'credits']
),
pricingPath
(the mounted pricing page)
|
workspace-created(workspace)
,
workspace-switched(id)
,
plan-canceled
,
topped-up(key)
,
error(message)
|
|
validateEmail
,
showIdentity
(
true
)
|
name-saved(name)
,
email-changed(email)
,
error(message)
|
|
sections
(
['passkeys', 'sessions', 'danger']
),
confirm
(
window.confirm
)
|
passkey-added
,
passkey-removed(id)
,
session-revoked(id)
,
sessions-revoked
,
delete-requested
,
signed-out
,
error(message)
|
|
role
(a role or an array — any match passes),
permission
(statements such as
{ user: ['ban'] }
)
|
— |
|
— | — |
|
feature
,
plan
(a key or an array — any match passes)
|
— |