# xpl-large-card

A card is a container and can contain any type of information. Cards contain actions and a content slot. Cards are flexible and can be arranged in grids or lists.

<!-- Auto Generated Below -->


## Properties

| Property      | Attribute     | Description                       | Type      | Default     |
| ------------- | ------------- | --------------------------------- | --------- | ----------- |
| `description` | `description` | Description of the Card           | `string`  | `undefined` |
| `link`        | `link`        | Whether the card is a link or not | `boolean` | `undefined` |
| `name`        | `name`        | Name of the Card                  | `string`  | `undefined` |


## Slots

| Slot              | Description                                                                                                                                |
| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
| `"graph-content"` | Content that is shown on the right-side of the card. Generally used for supplemental data visualizations for the data-card                 |
| `"title"`         | The title for the card. This slot should be used as a replacement for the name field. Used to define a title and tooltip for the data-card |


## Dependencies

### Depends on

- [xpl-icon](../xpl-icon)

### Graph
```mermaid
graph TD;
  xpl-large-card --> xpl-icon
  style xpl-large-card fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*