<simple-boost>

The one-click tipping button

API

<simple-boost>

The simple-boost tipping component

Attributes

NameDescriptionTypeDefault
addressThe recipient. Either a LNURL-pay/Lightning Address or a node pubkeystring''
amountThe payment amount. Either denominated in sats (default) or in a defined fiat currency.number100
currencyCurrency of the payment. Defaults to sats. If a fiat currency (e.g. USD, EUR, etc.) is used the amount will be converted to sats on paymentstring'sats'
methodThe lightning payment method to use (lnurl or keysend)string'lnurl'
custom-keyThe name of a custom record key to send along with the keysend payment. Only used for keysend paymentsnullnull
custom-valueA custom value to pass along with the payment. This is considered the value that belongs to the customKey. Only used for keysend paymentsnullnull
no-confettiDisable the confetti after a payment is sentbooleanfalse
themeThe button theme. Supported options: alby, default, hey, figma, figma-filled, next, next-filled, bootstrap, bootstrap-filled, gumroad, spotifystring'default'

Properties

NameAttributeDescriptionTypeDefault
addressaddressThe recipient. Either a LNURL-pay/Lightning Address or a node pubkeystring''
amountamountThe payment amount. Either denominated in sats (default) or in a defined fiat currency.number100
currencycurrencyCurrency of the payment. Defaults to sats. If a fiat currency (e.g. USD, EUR, etc.) is used the amount will be converted to sats on paymentstring'sats'
methodmethodThe lightning payment method to use (lnurl or keysend)string'lnurl'
customKeycustom-keyThe name of a custom record key to send along with the keysend payment. Only used for keysend paymentsnullnull
customValuecustom-valueA custom value to pass along with the payment. This is considered the value that belongs to the customKey. Only used for keysend paymentsnullnull
noConfettino-confettiDisable the confetti after a payment is sentbooleanfalse
themethemeThe button theme. Supported options: alby, default, hey, figma, figma-filled, next, next-filled, bootstrap, bootstrap-filled, gumroad, spotifystring'default'
isLoadingbooleanfalse
jsConfettinew JSConfetti()
formattedAmount

Methods

NameParametersDescriptionReturn
getAmountInSats

Events

NameDescription
successIndicates when a payment was sent

Slots

NameDescription
(default)This element has a slot

CSS Shadow Parts

NameDescription
buttonThe button