Toggle theme

Click🔗

An unstyled component that can be used for creating your own clickable components. It's basically a native HTML button element with all the browser default styling removed. Read more about buttons and accessibility

This article also explains why: https://css-tricks.com/use-button-element/

If you pass a href, click will render an <a>, otherwise it will render as a <button>.

Example🔗

Props - Click🔗

Name
Description
Type
Default Value
childrenA JSX nodenoden/a
disabledSet the Click to disabledbooln/a
extendAn object containing valid CSS style declarationsunion(object,func,array)n/a
hrefSetting an href attribute will force the component to render with an <a> tagstringn/a
onClickAn action that is fired on clickfuncn/a
typeIf rendering a button (by not supplying an href), this let's you provide a type attribute for that buttonstringn/a
2022 © Volvo Car Corporation