Button

import { XerButton } from "@xerius/codey-components";

Showcases

CTA Button

For indicating the primary path of the application.

Small CTA Button

Only to be used in combination with a textfield The small CTA button never be of another type of button, it should always be a CTA.

Small Variants Button

Small variants with a full and stroke look.

CTA Link Button

Buttons with the link prop provided will be a tag element.

Small Variants Link Button

Buttons with the link prop provided will be a tag element.

Disabling CTA Buttons

Disabling Small Variants Buttons

Props

Name	Type	Default	Required	Description
variant	String	"stroke"	false	Indicates what the variant of the button is. ("cta", "cta-outline", "full", "stroke")
variantColor	String		false	Indicates what the variant color of the button is. ("cta", "brand", "base")
icon	Icon Component		false	Provide an icon.
left	Boolean	false	false	Indicates the button should have a chevron-left and points to the left or not.
loading	Boolean	false	false	Indicates if loading icon and animation is shown or not.
link	String		false	URL of the link, which it will navigate to after the click event is triggered.
html	null		false	HTML to show in the button. To be used instead of the v-html directive.
disabled	Boolean	false	false	Indicates if the button is disabled or not.
dataAutomationId	String		false	Sets the data automation id for the alert component.