@cdssnc/gcds-components-react
Advanced tools
Changelog
Released on: 2024-08-19
The Card and Stepper components have been redesigned and will have some changes in their API structure.
The property type
will be removed as the component will now only support link interactions. If you’re using type=action
, note that this will be unsupported in this release.
The tag
property will be replaced by a new property named badge
.
The property title-element
will be replaced by a new property named card-title-tag
.
We’re dropping support for the footer
slot (slot="footer"
). We’re removing it as we haven’t observed any use of the slot.
New: We’ve introduced a slot
to support the display of HTML text formatting within the Card component. You can still use the description property for this purpose with a simple string value (text) only.
<gcds-card
type="link"
card-title=""
href=""
title-element=""
description=""
tag=""
img-src=""
img-alt=""
>
<slot name=”footer”></slot>
</gcds-card>
<gcds-card
card-title=""
href=""
card-title-tag="a"
description=""
badge=""
img-src=""
img-alt=""
>
<slot></slot>
</gcds-card>
New: A new tag
property will be available to allow the developer to choose the right heading to render the element.
New (required): The stepper will now require text or an element passed into the slot
to display the heading element. It’s a required property and the component will not render without it.
If you experience issues with the change, contact us.
<gcds-stepper
current-step=""
total-steps=""
></gcds-stepper>
<gcds-stepper
current-step=""
total-steps=""
tag=""
>
<slot></slot>
</gcds-stepper>