`<pf-v5-button>`

Allows users to perform an action when triggered

Category: Actions
Built with: Lit
Library: PatternFly Elements
Author: Red Hat
Package: @patternfly/elements
Component size: 11.4 kB JS (minified + gzipped, JS includes dependencies beyond the library)
Library size: 6.3 kB JS (shared by every PatternFly Elements component, loaded once per page)
Popular: 2 out of 5
Downloads: 3,967/week (whole @patternfly/elements package)
Latest stable version: 5.0.0
Last published: May 3, 2026
License: MIT

Source code

A button is a box area or text that communicates and triggers user actions when clicked or selected. Buttons can be used to communicate and immediately trigger actions a user can take in an application, like submitting a form, canceling a process, or creating a new object. Buttons can also be used to take a user to a new location, like another page inside of a web application, or an external site such as help or documentation..

Attributes

loading-label
type
label
value
name
disabled
loading
size
warning
danger
plain
variant
inline
block
icon
icon-set
href
target

Slots

icon

CSS Parts

icon