From 3e32762204cb7e425a253acc6c30b352fee7e07a Mon Sep 17 00:00:00 2001 From: Mikael Arvola Date: Wed, 17 Jul 2024 15:01:52 -0500 Subject: [PATCH] chore: document slots --- README.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 9dfc8aa..5a46ab7 100644 --- a/README.md +++ b/README.md @@ -14,9 +14,18 @@ several variations: - The top of the card can have an image using `slot="image"`, or an icon using `slot="icon"`. - The whole card can be made clickable using the attribute `clickable`. -- Text content can be centered using the `centered` attribute. +- Text content can be centered using `align="center"`. - Color themes for `gray`, `blue`, `orange`, `blue-gradient` and `orange-gradient`. For example, `theme="blue"`. +### Slots + +| Slot | Description | +|-----------------|--------------------------------------------------------------------------------------------| +| `slot="image"` | Placed full-width at the top of the card with a roughly 16:10 aspect ratio. | +| `slot="icon"` | Centered at the top of the card with ample spacing. | +| `slot="footer"` | Content remains at the bottom of the card when the card is stretched to fit a larger area. | + + ## Code Examples ### Basic card with buttons