8.2.5 • Published 1 year ago

@axa-ch/button v8.2.5

Weekly downloads
663
License
Copyright 2019 AX...
Repository
github
Last release
1 year ago

AXA Button

Buttons provide a clickable element, which can be used in forms, or anywhere else where simple, standard call-to-action functionality is needed. They can also provide styled link functionality. They may display text, icons, or both. Buttons can be styled via several properties to change their look-and-feel.

Properties

variant

AttributeDetails
variant="secondary"Button in a ghost state
variant="red"Button red
variant="inverted"Button inverted
variant="inverted-blue-ocean"Button inverted blue ocean
variant="inverted-red-tosca"Button inverted red tosca
variant="inverted-purple-logan"Button inverted purple logan
variant="inverted-green-viridian"Button inverted green viridian
variant="inverted-blue-teal"Button inverted inverted blue teal

type

AttributeDetails
type="button"Default button type (default if omitted)
type="submit"Submit button submit for forms
type="reset"Reset button for forms

size

AttributeDetails
size=""Default button medium size
size="small"button small size
size="large"button large size

block

By default, buttons are inline blocks, but setting this attribute block will change the button to a full-width block element.

motionOff

The Boolean attribute motionoff deactivates hover animation.

disabled

The Boolean attribute disabled disables the button natively.

icon

Based on the string-valued attribute icon, interpreted as icon name, an icon will be rendered. To see the full list of possible icons, see the axa-icon README.

href

The string-valued attribute href is used like in a native <a> hyperlink.

external

The Boolean attribute external adds the target="_blank" functionality.

onClick

The function-valued attribute onClick can be used as a callback prop for React and other frameworks.

className

With this string attribute you can set a CSS class to the component.

@axa-ch/iconlit
@axa-ch/pod-kmu-20@axa-ch/pod-myaxa-test-2020@axa-ch/pod-eliah-test-repo@infinitebrahmanuniverse/nolb-_axa@everything-registry/sub-chunk-103@axa-ch/pod-myaxa-offers@axa-ch/pod-myaxa-test@axa-ch/pod-opc-onlineofferte@axa-ch/pod-pattern-library-aem-forms@axa-ch/pod-payer2partner@axa-ch/pod-provision-calculator@axa-ch/pod-react-auth-skeleton-example@axa-ch/pod-react-skeleton-example@axa-ch/pod-redirect@axa-ch/pod-selfcheck-vorsorgeauftrag@axa-ch/pod-skeleton-example@axa-ch/pod-sustainability-analysis-buildings@axa-ch/pod-tbcrm-hrsumre@axa-ch/pod-uadmin@axa-ch/pod-webhub-dtidemo@axa-ch/pod-webhub-iframe@axa-ch/pod-who-5@axa-ch/testing-cpa@axa-ch/top-content-bar@axa-ch/pod-greenservices-co2-calculator@axa-ch/pod-greenservices-sustainability-analysis-buildings@axa-ch/pod-ice-kpv-summenmeldung@axa-ch/pod-ice-mitarbeiterverwaltung@axa-ch/pod-ice-swibeco-onboarding@axa-ch/alt-pod-agency-search@axa-ch/alt-pod-chatbot@axa-ch/alt-pod-kmu-20@axa-ch/alt-pod-mortgage-calculator@axa-ch/alt-pod-myaxa@axa-ch/cookie-disclaimer@axa-ch/pod-adaptive-cards-testings@axa-ch/pod-aem-patterns-library@axa-ch/pod-agency-search@axa-ch/pod-ahv-easy@axa-ch/pod-battery-test@axa-ch/pod-chatbot@axa-ch/pod-customer-review@axa-ch/pod-documentupload@axa-ch/pod-eclaimskpv-claimsinfo@axa-ch/esales-ui-components@axa-ch/pod-kmu-20-stable@axa-ch/pod-kmu-check@axa-ch/pod-mortgage-calculator@axa-ch/pod-myaxa@axa-ch/pod-myaxa-company-registration@axa-ch/pod-myaxa-nextrel@axa-ch/pod-ims-contacthub@axa-ch/pod-ims-documentupload@axa-ch/pod-ims-interactionboard@axa-ch/pod-interactionboard@zalastax/nolb-_axa@ims-ch/pod-chatbot
8.2.5

1 year ago

8.2.4

1 year ago

8.2.3

1 year ago

8.2.2

1 year ago

8.2.1

1 year ago

8.2.0

1 year ago

8.1.4

2 years ago

8.1.0

2 years ago

8.1.2

2 years ago

8.1.1

2 years ago

8.1.3

2 years ago

7.0.2

2 years ago

7.0.1

2 years ago

8.0.1

2 years ago

8.0.0

2 years ago

8.0.3

2 years ago

8.0.2

2 years ago

7.0.0

2 years ago

6.0.25

2 years ago

6.0.24

2 years ago

6.0.23

3 years ago

6.0.22

3 years ago

6.0.21

3 years ago

6.0.19

3 years ago

6.0.16

3 years ago

6.0.15

3 years ago

6.0.18

3 years ago

6.0.17

3 years ago

6.0.14

3 years ago

6.0.13

3 years ago

6.0.12

3 years ago

6.0.11

3 years ago

6.0.10

3 years ago

6.0.9

3 years ago

6.0.8

3 years ago

6.0.6

3 years ago

6.0.5

3 years ago

6.0.4

4 years ago

6.0.3

4 years ago

6.0.2

4 years ago

6.0.1

4 years ago

6.0.0

4 years ago

5.2.13

4 years ago

5.2.12

4 years ago

5.2.11

4 years ago

5.2.10

4 years ago

5.2.9

4 years ago

5.2.8

4 years ago

5.2.6

4 years ago

5.2.5

4 years ago

5.2.4

4 years ago

5.2.3

4 years ago

5.2.2

4 years ago

5.2.1

4 years ago

5.2.0

4 years ago

5.1.0

4 years ago

5.0.6

4 years ago

5.0.5

4 years ago

5.0.4

4 years ago

5.0.3

4 years ago

5.0.2

4 years ago

5.0.1

4 years ago

5.0.0

4 years ago

4.1.2

4 years ago

4.1.1

4 years ago

4.1.0

4 years ago

4.0.11

4 years ago

4.0.10

4 years ago

4.0.9

4 years ago

4.0.8

4 years ago

4.0.7

4 years ago

4.0.6

4 years ago

4.0.5

4 years ago

4.0.4

4 years ago

4.0.3

4 years ago

4.0.2

4 years ago

4.0.1

4 years ago

4.0.0

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.0.15

4 years ago

2.0.14

4 years ago

2.0.13

5 years ago

2.0.12

5 years ago

2.0.11

5 years ago

2.0.10

5 years ago

2.0.9

5 years ago

2.0.8

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.1.12

5 years ago

1.1.11

5 years ago

1.1.10

5 years ago

1.1.9

5 years ago

1.1.8

5 years ago

1.1.7

5 years ago

1.1.6

5 years ago

1.1.5

5 years ago

1.1.3-alpha.5

5 years ago

1.1.3-alpha.4

5 years ago

1.1.3-alpha.3

5 years ago

1.1.3-alpha.2

5 years ago

1.1.3-alpha.1

5 years ago

1.1.3-alpha.0

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

1.0.0-alpha.3

5 years ago

1.0.0-alpha.2

5 years ago

1.0.0-alpha.1

5 years ago

0.0.0-alpha.1

5 years ago