Card

A component that serves as a container for provided content.

Preview

let model = CardVM {
  $0.borderWidth = .large
  $0.cornerRadius = .small
  $0.shadow = .large
  $0.backgroundColor = .accentBackground
}

A model that defines the appearance properties for a card component.

Name	Type	Default	Description
`animationScale`	`AnimationScale`	`medium`	The scaling factor for the card's tap animation, with a value between 0 and 1.
`backgroundColor`	`UniversalColor`	`background`	The background color of the card.
`borderColor`	`UniversalColor`	`divider`	The border color of the card.
`borderWidth`	`BorderWidth`	`medium`	The border thickness of the card.
`contentPaddings`	`Paddings`	`Paddings(padding: 16)`	The padding applied to the card's content area.
`cornerRadius`	`ComponentRadius`	`medium`	The corner radius of the card.
`isTappable`	`Bool`	`false`	A Boolean value indicating whether the card should allow to be tapped.
`shadow`	`Shadow`	`medium`	The shadow of the card.

public init(
  model: CardVM = .init(),
  content: @escaping () -> Content
)

public init(
  model: CardVM = .init(),
  content: @escaping () -> Content
)

Name	Type	Description
`model`	`CardVM`	A model that defines the appearance properties.

Name	Type	Description
`content`	`Content`	The primary content of the card, provided as a custom view.