# XWUILayoutSearch

Search layout block - wraps `XWUISearch` with 5 visual variants.

## Basic Usage

Block-1 search input.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Block-1 search input.
```

## All Blocks

All 5 block variants stacked.

```example
file: examples/AllBlocks.ts
html: examples/AllBlocks.html
title: All Blocks
description: All 5 block variants stacked.
```

## Docs Search

A block-4 suggestions-enabled search with a visible label, for a docs site.

```example
file: examples/DocsSearch.ts
html: examples/DocsSearch.html
title: Docs Search
description: Block-4 labelled search with the suggestions variant.
```

## Command Palette

A large filled block-2 search styled as a "jump to anything" command bar.

```example
file: examples/CommandPalette.ts
html: examples/CommandPalette.html
title: Command Palette
description: Block-2 filled search pre-seeded with a query.
```

```api
```