Design/net.ikea.skapa.ui.components/CardEmphasised

CardEmphasised

@Composable
fun CardEmphasised(title: String, modifier: Modifier = Modifier, size: CardTextSize = CardTextSize.Regular, body: String? = null, label: String? = null, imageParams: ImageParams? = null, ctaAction: String? = null, roundedCorners: Boolean = false, contentColor: Color = Color.Unspecified, backgroundColor: Color = Color.Unspecified, buttonVariant: CardButtonVariant = CardButtonVariant.Primary, elevation: Boolean = false, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, onClick: () -> Unit)

Deprecated (with error)

CardEmphasised is deprecated and will be removed shortly. Use the new cards, information can be found here: https://skapa.ikea.net/components/content-and-containers/card/.

Card Emphasised is a Card with a background that provides a stronger visual contrast and creates a more traditional card silhouette.

This component provides a preview and an entry point to more detailed information.

The Card can contain and combine Image, Headline, Description, Subtitle, CTA Link and Customisable background color. Combinations may vary depending on context.

Parameters

title

The card title. Typically the title of the page you are linking to.

modifier

Modifier to be applied to the Card

size

Comes in 2 type sizes for use in different areas of hierarchy.

body

Text area for preview, descriptive of the other short text.

label

A small text label typically used to show categorisation or attribution.

imageParams

Image parameters for card header.

ctaAction

Text label property for a button instead of the arrow icon.

roundedCorners

This is an experimental feature to display CardEmphasised with rounded corners.

contentColor

The card content color will be replaced by this color.

backgroundColor

The card background color will be replaced by this color.

buttonVariant

CardButtonVariant defines the CTA button style. The default value is CardButtonVariant.Primary.

elevation

This is an experimental feature to display CardEmphasised with elevated surface.

interactionSource

The MutableInteractionSource representing the stream of Interactions for this Component.

onClick

will be called when the user clicks on the card

See also

Samples

net.ikea.skapa.ui.samples.CardSample
@Composable
fun CardEmphasised(title: String, modifier: Modifier = Modifier, size: CardTextSize = CardTextSize.Regular, body: String? = null, label: String? = null, image: Painter? = null, imageContentDescription: String? = null, ctaAction: String? = null, roundedCorners: Boolean = false, contentColor: Color = Color.Unspecified, backgroundColor: Color = Color.Unspecified, buttonVariant: CardButtonVariant = CardButtonVariant.Primary, elevation: Boolean = false, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, onClick: () -> Unit)

Deprecated (with error)

CardEmphasised is deprecated and will be removed shortly. Use the new cards, information can be found here: https://skapa.ikea.net/components/content-and-containers/card/.

Deprecated Emphasised Card.

Use ImageParams instead of 'image' and 'imageContentDescription' with the new function.

Parameters

title

The card title. Typically the title of the page you are linking to.

modifier

Modifier to be applied to the Card

size

Comes in 2 type sizes for use in different areas of hierarchy.

body

Text area for preview, descriptive of the other short text.

label

A small text label typically used to show categorisation or attribution.

image

Image to be displayed in the Card.

imageContentDescription

Text used by accessibility services to describe what this image represents.

ctaAction

Text label property for a button instead of the arrow icon.

roundedCorners

This is an experimental feature to display CardEmphasised with rounded corners.

contentColor

The card content color will be replaced by this color.

backgroundColor

The card background color will be replaced by this color.

buttonVariant

CardButtonVariant defines the CTA button style. The default value is CardButtonVariant.Primary.

elevation

This is an experimental feature to display CardEmphasised with elevated surface.

interactionSource

The MutableInteractionSource representing the stream of Interactions for this Component.

onClick

will be called when the user clicks on the card

See also

Samples

net.ikea.skapa.ui.samples.CardSample