This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@axa-ch/button-link

7.0.3 • Public • Published

AXA Button Link

Button links provide link functionality, but in the style of a button. They may display text, icons, or both. Button links can be styled via several properties to change their look-and-feel. If you need a semantically correct button, use axa-button instead.

Properties

Variant

Attribute Details
variant="secondary" Button link in a ghost state
variant="red" Button link red
variant="inverted" Button link inverted

Href

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

External

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

Size

Attribute Details
size="" Default button medium size
size="small" button small size
size="large" button large size

motionOff

The Boolean attribute motionoff deactivates the hover animation.

disabled

The Boolean attribute disabled disables the button natively.

icon

Using the attribute icon's string value as icon name, an icon will be rendered. To see the full list of possible icons, see the axa-icon README.

onClick

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

Readme

Keywords

none

Package Sidebar

Install

npm i @axa-ch/button-link

Weekly Downloads

84

Version

7.0.3

License

Copyright 2019 AXA Versicherungen AG

Unpacked Size

63 kB

Total Files

7

Last publish

Collaborators

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