This package has been deprecated

Author message:

Please use the new scope @axa-ch-webhub-cloud

@axa-ch/button

8.2.5 • Public • Published

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

Attribute Details
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

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

size

Attribute Details
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.

Readme

Keywords

none

Package Sidebar

Install

npm i @axa-ch/button

Weekly Downloads

46

Version

8.2.5

License

Copyright 2019 AXA Versicherungen AG

Unpacked Size

63.3 kB

Total Files

7

Last publish

Collaborators

  • gianlucaguarini
  • valentin-hasler
  • marek.laco
  • domirs
  • axa-ch-user
  • matthias.zuercher