# Svelte Virtual Masonry


## Setup

```svelte
<script lang="ts">
  import { VirtualMasonry } from "flowbite-svelte";
</script>
```

## Usage Examples

See [examples](/docs-examples/extend/virtual-masonry) and [code](https://github.com/themesberg/flowbite-svelte/tree/main/src/routes/docs-examples/extend/virtual-masonry).

## See also

- [Gallery](https://flowbite-svelte.com/llm/components/gallery.md)


## Component data

### VirtualMasonry

#### Types

[VirtualMasonryProps<T>](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2355)

#### Props

- items: []
- columns: 3
- gap: 16
- height: 600
- overscan: 200
- getItemHeight
- scrollToIndex
- children
- ariaLabel: "Virtual masonry grid"
- class: className
- classes
- contained: false