# Card Skin

> White card with shadow, rounded corners, and caption below — registers itself as the `card` skin.

Source: https://gallerykit.n.yatsyk.com/docs/skin-card

# @gallerykit/skin-card

Importing **@gallerykit/skin-card** registers a `card` skin with GalleryKit's `skinRegistry`. The skin is then available to any layout via `config.skin`.

* **Stability:** experimental
* **Peer dependencies:** `react`, `react-dom`
* **Dependencies:** `@gallerykit/core`

## Install

```bash
pnpm add @gallerykit/skin-card
```

## Quick example

```tsx
import "@gallerykit/skin-card";

<Gallery config={{ layout: "grid", skin: "card" }} items={items} />
```

See [Getting Started](./getting-started.mdx) for the full walkthrough and [API](./api.mdx) for the public exports.