<script>
  import { Tile } from "carbon-components-svelte";
  import Preview from "../../components/Preview.svelte";
</script>

`Tile` provides a container for displaying content in a structured, card-like format. It supports light and dark variants and can be used to create consistent, visually distinct content sections.

## Default

Create a basic tile container for your content.

<Tile>Content</Tile>

## Light variant

Use the light variant for light-themed backgrounds by setting `light` to `true`.

<Tile light>Content</Tile>