@hashicorp/react-button NPM | npm.io

6.3.1 • Published 4 months ago

Install

Weekly downloads

12,932

License

MPL-2.0

Repository

Last release

4 months ago

Button

A simple button.

Props

title (string) - The text that appears inside the button
url (string) optional - A URL that the button will link to
className (string) optional - Class name to be merged onto the .g-btn element
external (boolean) optional - If true, the button's link will open in a new tab
theme (object) optional - Controls the appearance of the button. theme.variant should be one of ['primary', 'secondary', 'tertiary']. theme.brand should be one of ['hashicorp', 'neutral', 'consul', 'nomad', 'terraform', 'vault']. theme.background should be one of ['light', 'dark'].
ga_prefix (string) optional - Optional custom event name prefix
disabled (boolean) optional - If true, button will be disabled
onClick (function) optional - Function to call when the button is clicked

Note: this component also will reflect any additional props you pass it to the top level. However, passing such props is discouraged. If absolutely necessary, it's encouraged to document the use of those "additional" props so that they can be added to the component explicitly. This allows us to create a more transparent view of the component's functionality, and allows us to better support those additional props as we iterate on this component.

Dependents

hashi-hero
hashi-logo-grid
hashi-newsletter-signup-form

Notes

Previously, this component accepted a classes prop, which would pass classNames to the component's root element. The classes prop is now deprecated, please use className instead, which serves the same purpose of passing additional classes to the .g-btn element.

@hashicorp/platform-product-meta @hashicorp/react-inline-svg classnames slugify

@everything-registry/sub-chunk-387 @hashicorp/react-actions @hashicorp/react-call-to-action @hashicorp/react-callouts @hashicorp/react-consent-manager @hashicorp/react-content-cta @hashicorp/react-demo-request @hashicorp/react-enterprise-callouts @hashicorp/react-enterprise-features @hashicorp/react-featured-slider @hashicorp/react-feedback-form @hashicorp/react-split-cta @hashicorp/react-subnav @hashicorp/react-text-and-content @hashicorp/react-text-split @hashicorp/react-hero @hashicorp/react-learn-callout @hashicorp/react-logo-grid @hashicorp/react-marketo-form @hashicorp/react-mega-nav @hashicorp/react-newsletter-signup-form @hashicorp/react-packages @hashicorp/react-pricing-features @hashicorp/react-pricing-tier-list @hashicorp/react-pricing-tier-table @hashicorp/react-pricing-tiers @hashicorp/react-product-downloader @hashicorp/react-product-downloads-page @hashicorp/react-product-features-list @zalastax/nolb-_has call-to-action

6.3.2-canary-20240110201519

4 months ago

6.4.0-canary-20230505194434

1 year ago

6.4.0-canary-20230505203832

1 year ago

6.4.0-canary-20230505202350

1 year ago

6.4.0-canary-20230505185850

1 year ago

6.4.0-canary-20230505185900

1 year ago

6.4.0-canary-20230505202927

1 year ago

1 year ago

6.3.1-canary-20230225003839

1 year ago

6.3.1-canary-20230225005502

1 year ago

6.3.0-canary-20221114184229

1 year ago

1 year ago

6.3.0-canary-20221109001134

1 year ago

6.3.0-canary-20221108212446

2 years ago

6.3.0-canary-20221109000658

1 year ago

7.0.0-canary-20221026000749

2 years ago

7.0.0-canary-20221025204216

2 years ago

7.0.0-canary-20221025192505

2 years ago

7.0.0-canary-20221025191735

2 years ago

7.0.0-canary-20221025185006

2 years ago

7.0.0-canary-20221025184953

2 years ago

7.0.0-canary-20221025190027

2 years ago

6.2.1-canary-20220711181238

2 years ago

2 years ago

6.2.1-canary-20220711170532

2 years ago

6.2.0-canary-20220308200321

2 years ago

6.2.0-canary-20220303203258

2 years ago

2 years ago

6.2.0-canary-20220303150737

2 years ago

6.2.0-canary-20220303141349

2 years ago

6.2.0-canary-20220303223047

2 years ago

6.2.0-canary-20220303190555

2 years ago

2 years ago

7.0.0-canary-2022018231910

2 years ago

6.0.4-canary-20220131233103

2 years ago

6.1.0-canary-20220204220047

2 years ago

7.0.0-canary-202202121426

2 years ago

7.0.0-canary-2022021205014

2 years ago

7.0.0-canary-2022021205753

2 years ago

6.0.4-canary-20220131194346

2 years ago

6.1.0-canary-2022024205544

2 years ago

6.0.4-canary-20220128203034

2 years ago

2 years ago

6.0.4-canary-20220128211122

2 years ago

6.1.0-canary-2022014222312

2 years ago

6.0.4-canary-20220128215319

2 years ago

6.0.4-canary-20220128211110

2 years ago

6.0.2-canary-2021914144352

3 years ago

6.0.2-canary-2021913225516

3 years ago

6.0.3-canary-2021914202110

3 years ago

6.0.2-canary-2021914134739

3 years ago

3 years ago

3 years ago

6.0.1-canary-2021822153136

3 years ago

6.0.1-canary-20218211480

3 years ago

3 years ago

6.0.1-canary-2021822152943

3 years ago

3 years ago

6.0.0-canary-202181155237

3 years ago

6.0.0-canary-202181152919

3 years ago

6.0.0-canary-202181151955

3 years ago

6.0.0-canary-202181142614

3 years ago

6.0.0-canary-20218116219

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

2.0.1-react-v2.0

4 years ago

2.0.1-reactvtwo.0

4 years ago

1.2.3-react-v2.19

4 years ago

1.2.3-react-v2.18

4 years ago

1.2.3-react-v2.17

4 years ago

1.2.3-react-v2.16

4 years ago

1.2.3-react-v2.15

4 years ago

1.2.3-react-v2.14

4 years ago

1.2.3-react-v2.12

4 years ago

1.2.3-react-v2.13

4 years ago

1.2.3-react-v2.11

4 years ago

1.2.3-react-v2.10

4 years ago

1.2.3-react-v2.9

5 years ago

1.2.3-react-v2.8

5 years ago

1.2.3-react-v2.7

5 years ago

1.2.3-react-v2.6

5 years ago

1.2.3-react-v2.5

5 years ago

1.2.3-react-v2.4

5 years ago

1.2.3-react-v2.3

5 years ago

5 years ago

1.2.3-react-v2.2

5 years ago

1.2.3-react-v2.1

5 years ago

1.2.3-react-v2.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago