## XCard Usage Rules XCards is multiple `` container, suitable for displaying multiple links using a card list format, providing a richer and more visually appealing presentation. ### Attributes - `data-columns` (required): must be an integer ≥ 2; no upper bound. ### Children - Must contain multiple `` elements internally. ### Usage Rules - **Visual Consistency**: All `` elements within the same `` must maintain visual consistency: - It's recommended to always provide data-icon for each card. - Or all cards should have data-image. - Avoid mixing (some with icons, some with only images). ### Good Examples - Example 1: Two-column cards with images ```md Content A Content B ``` - Example 2: Four-column cards with icons ```md Description of Feature 1. Description of Feature 2. Description of Feature 3. Description of Feature 4. ``` - Example 3: Replace markdown format multiple links ```md For more detailed information on specific features, please refer to the following sections: Introduce how to use discussions Introduce how to use the Blog Introduce how to use Chat ``` ### Bad Examples - Example 1: Using a single-column layout (`data-columns="1"`) is not allowed ```md Description of Feature 1. Description of Feature 2. ``` - Example 2: Contains only one `` (must include multiple cards) ```md Content A ``` - Example 3: Markdown format multiple links ```md For more detailed information on specific features, please refer to the following sections: - [Using Discussions](./discussions.md) - [Using the Blog](./blog.md) - [Using Chat](./chat.md) ``` - Example 4: Missing `data-columns` attribute (required) Description of Feature 1. Description of Feature 2.