LinkCard

Accessible clickable card as a link.

Read more about this component in the Aksel documentation.

All extra props are passed to the root element.

Replaces your income when you cannot work due to illness or injury.

Properties

Property	Description	Default	Control
Properties
"data-color"	Color variant for the card. `"neutral"` `"accent"` `string`	-
arrow	`boolean`	`true`
arrowPosition	Adjusts arrow position. `"baseline"` `"center"`	`"baseline"`
ref	`HTMLDivElement`	-
size	Changes padding and typo sizes. `"small"` `"medium"`	`"medium"`
Snippets
children			-

Properties included from: HTMLAttributes<HTMLDivElement>

Property	Description	Default	Control
Properties
as	Heading tag. Use "span" if you want a non header defining card (eg. you have a lot of them all at once, such as in a grid) `"span"` `"h2"` `"h3"` `"h4"` `"h5"` `"h6"`	`"span"`
ref	`HTMLHeadingElement`	-
Snippets
children			-

Properties included from: HTMLAttributes<HTMLHeadingElement>

Properties included from: HTMLAnchorAttributes

Properties included from: HTMLAttributes<HTMLDivElement>

Properties included from: HTMLAttributes<HTMLDivElement>

Properties included from: HTMLAttributes<HTMLDivElement>

Property	Description	Default	Control
Properties
aspectRatio	The aspect-ratio CSS property allows you to define the desired width-to-height ratio of an element's box. This means that even if the parent container or viewport size changes, the browser will adjust the element's dimensions to maintain the specified width-to-height ratio. `string`	-
ref bindable	`HTMLDivElement`	-
Snippets
children			-

Properties included from: HTMLAttributes<HTMLDivElement>