Card component

Usage in Markdown

<Card
  imageUrl="/images/Image.jpg"
  imageAlt="Image"
  imagePosition="object-center"
  iconUrl="/images/Icon.png"
  iconAlt="Icon"
  :badges="['Payments', 'Integration']"
  title="Create your first card payment"
  description="This is a description for this card component."
  button="Learn more"
  url="/payment-methods"
/>

TIP

imagePosition - is optional and possible values are object-position in tailwind

Examples

Create your first card payment

This is a description for this card component.

Learn more

Payments

Integration

Create your first card payment

This is a description for this card component.

Payments

Integration

Create your first card payment

This is a description for this card component.

Learn more

Create your first card payment

Learn more

Create your first card payment

This is a description for this card component.

Create your first card payment

This is a description for this card component.

Learn more

Create your first card payment

This is a description for this card component.

Payments

Integration

Create your first card payment

This is a description for this card component.

Learn more

Payments

Integration

Create your first card payment

This is a description for this card component.

Payments

Integration

Create your first card payment

This is a description for this card component.

Payments

Integration