---

## InfoCard
Simple memo-style card for inline callouts or notes within docs content.

**Import:** `import { InfoCard } from '@urbicon-ui/docs';`

### Examples
```svelte
<InfoCard title="Tip" icon="lightbulb">Use variants to change tone.</InfoCard>
```

### Variants
- intent: api, danger, example, info, neutral, playground, primary, secondary, success, warning (default: info)
- size: lg, md, sm (default: md)

### Api
| Prop | Type | Required | Default | Description |
| --- | --- | :---: | --- | --- |
| ...InfoCardVariantProps | `VariantProps` | no |  | Styling variants from InfoCardVariantProps |
| children | `Snippet` | no |  | Content to render inside the InfoCard component |
| class | `string` | no |  | Additional CSS classes to apply to the InfoCard component |
| href | `string` | no |  | Render the card as a link to this URL. Falls back to a plain `<div>` when omitted. |
| icon | `string` | no |  | Icon property for the InfoCard component |
| title | `string` | no |  | Title property for the InfoCard component |
| intent | `'api' | 'danger' | 'example' | 'info' | 'neutral' | 'playground' | 'primary' | 'secondary' | 'success' | 'warning'` | no | info | Controls the color theme and semantic meaning of the InfoCard. Affects the overall appearance and user perception. Available options: api, danger, example, and 7 more. |
| size | `'lg' | 'md' | 'sm'` | no | md | Controls the dimensions, padding, and text size of the InfoCard. Affects the component's physical footprint. Available options: lg, md, sm. |

Inherited from:
- InfoCardVariantProps (external)