Skip to main content

Web Components

AppKit's web components are custom and reusable HTML tags. They will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.

info

Web components are global html elements that don't require importing.

List of optional properties for AppKit web components

<appkit-button />

VariableDescriptionType
disabledEnable or disable the button.
boolean
balanceShow or hide the user's balance.
'show' or 'hide'
sizeDefault size for the button.
'md' or 'sm'
labelThe text shown in the button.
string
loadingLabelThe text shown in the button when the modal is open.
string

<appkit-account-button />

VariableDescriptionType
disabledEnable or disable the button.
boolean
balanceShow or hide the user's balance.
'show' or 'hide'

<appkit-connect-button />

VariableDescriptionType
sizeDefault size for the button.
'md' or 'sm'
labelThe text shown in the button.
string
loadingLabelThe text shown in the button when the modal is open.
string

<appkit-network-button />

VariableDescriptionType
disabledEnable or disable the button.
boolean