# 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(opens new window) in tailwind

# Examples

Image
Icon

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
Icon

Create your first card payment

This is a description for this card component.

Go to api
Image

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

Review our API reference

For in-depth overview of our API visit our API documentation.

Review our API reference

For in-depth overview of our API visit our API documentation.

Go to API
Image
Icon

Create your first card payment

This is a description for this card component.

Payments
Integration
Image
Icon

Create your first card payment

This is a description for this card component.

Learn more
Payments
Integration
Image
Icon

Create your first card payment

This is a description for this card component.

Payments
Integration
Image
Icon

Create your first card payment

This is a description for this card component.

Payments
Integration