<wa-button>

Buttons represent actions the user can take, such as submitting a form, opening a dialog, or navigating to another page.

Category

Actions

Built with

Lit

Library

Web Awesome

Author

Web Awesome

Package

@awesome.me/webawesome

Component size

27.6 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

8.2 kB JS (shared by every Web Awesome component, loaded once per page)

Popular

5 out of 5

Downloads

364,100/week · jsDelivr 33,114,338 hits/month (whole @awesome.me/webawesome package)

GitHub stars

1,348

Latest stable version

3.14.0

License

MIT

Status

stable

• Documentation
• Demo
• Source code

Attributes

• title
• variant
• appearance
• size
• with-caret
• with-start
• with-end
• disabled
• loading
• pill
• type
• name
• value
• href
• target
• rel
• download
• formaction
• formenctype
• formmethod
• formnovalidate
• formtarget
• custom-error
• dir
• lang
• did-ssr

Slots

• start
• end

Events

• blur
• focus
• wa-invalid

CSS Parts

• base
• button
• start
• label
• end
• caret
• spinner