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.

Properties

LinkCard Beta

PropertyDescriptionDefault
Control
Properties
arrow
boolean true
arrowPosition

Adjusts arrow position.

"baseline" "center"
"baseline"
ref
bindable
HTMLDivElement -
size

Changes padding and typo sizes.

"small" "medium"
"medium"
Snippets
children -

Properties included from: HTMLAttributes<HTMLDivElement>

LinkCardTitle

PropertyDescriptionDefault
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
bindable
HTMLHeadingElement -
Snippets
children -

Properties included from: HTMLAttributes<HTMLHeadingElement>

LinkCardAnchor

PropertyDescriptionDefault
Control
Properties
ref
bindable
HTMLAnchorElement -
Snippets
children -

Properties included from: HTMLAnchorAttributes

LinkCardDescription

PropertyDescriptionDefault
Control
Properties
ref
bindable
HTMLDivElement -
Snippets
children -

Properties included from: HTMLAttributes<HTMLDivElement>

LinkCardFooter

PropertyDescriptionDefault
Control
Properties
ref
bindable
HTMLDivElement -
Snippets
children -

Properties included from: HTMLAttributes<HTMLDivElement>

LinkCardIcon

PropertyDescriptionDefault
Control
Properties
ref
bindable
HTMLDivElement -
Snippets
children -

Properties included from: HTMLAttributes<HTMLDivElement>

LinkCardImage

PropertyDescriptionDefault
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>