demo-card

Properties

Property	Attribute	Description	Type	Default
cardTitle	card-title		string	undefined
description	description		string	undefined
imageUrl	image-url		string	undefined
showButton	show-button		boolean	true
tags	--		string[]	[]

---

1. 自定义标题、内容和底部插槽的卡片

该示例展示如何自定义 air-card 的标题、内容和底部按钮。

Custom Card TitleThis is custom content for the card. You can replace it with any custom HTML.

Click Me

2. 使用默认插槽内容的卡片

这个例子展示了一个没有自定义底部的 air-card，仅使用默认插槽内容

Another Card TitleHere is another custom content for a different card.

3. 带自定义标题、内容和底部按钮的卡片

展示了一个带有自定义标题、内容和底部按钮的卡片。

Card TitleThis is a description of the card content. It can be anything, such as a brief introduction or message.

Learn More

4. 带有图片的卡片

此卡片展示了一个带有图片和自定义内容的卡片。

Featured CardThis card includes an image and some descriptive content. Click on it for more information.

Learn More

5. 大尺寸卡片

Responsive Card Title

6.小尺寸卡片

此卡片展示了一个小尺寸卡片，带有 terms and conditions 的法律文本。

Terms and ConditionsPlease read these terms and conditions carefully before using our service.

I Agree

---