### Quick Start Layout Options

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Example of layout options that can be entered in the 'Layout Options' box for a view.

```yaml
width: 300
max_cols: 10
```

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

### View Configuration Example

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Example of how to configure a view with a custom layout type and layout options.

```yaml
views:
  - title: Home
    type: custom:masonry-layout
    layout:
      width: 300
      max_cols: 10
    cards: ...
```

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

### Card visibility examples

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Examples demonstrating how to control card visibility using the 'show' option, including static values, media queries, and sidebar state.

```yaml
- type: entities
  title: Always show
  ...
  view_layout:
    show: always
- type: entities
  title: Never show
  ...
  view_layout:
    show: never
```

```yaml
type: entities
title: Never show
---
view_layout:
  show:
    mediaquery: <mediaquery>
```

```yaml
- type: markdown
  content: |
    This is only shown on screens more than 800 px wide
  view_layout:
    show:
      mediaquery: "(min-width: 800px)"
- type: markdown
  content: |
    This is only shown on screens less than 400 px wide
  view_layout:
    show:
      mediaquery: "(max-width: 400px)"
- type: markdown
  content: |
    This is only shown on touch screen devices
  view_layout:
    show:
      mediaquery: "(pointer: coarse)"
```

```yaml
- type: entities
  title: Show only when sidebar is hidden
  view_layout:
    show:
      sidebar: hidden
- type: entities
  title: Show only when sidebar is visible
  view_layout:
    show:
      sidebar: shown
```

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

### Card Layout Options Example

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Example of attaching special options to a card using the 'view_layout' parameter for certain layout types.

```yaml
type: entities
entities:
  - light.bed_light
view_layout:
  column: 2
```

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

### Integration with entity filters

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Example of using layout card with auto-entities to manage a list of entities.

```yaml
- type: 'custom:auto-entities'
        filter:
          include:
            - domain: light
              options:
                type: light
            - domain: sensor
          exclude: []
        card:
          type: 'custom:layout-card'
          cards: []
          layout_type: masonry
```

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

### Grid Layout Configuration

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Example YAML configuration for a view using the grid layout, demonstrating `grid-template-columns`, `grid-template-rows`, `grid-template-areas`, and responsive adjustments using `mediaquery`.

```yaml
title: Grid layout
type: custom:grid-layout
layout:
  grid-template-columns: auto 30px 25%
  grid-template-rows: auto
  grid-template-areas: |
    "header header header"
    "main . sidebar"
    "footer footer footer"
  mediaquery:
    "(max-width: 600px)":
      grid-template-columns: 100%
      grid-template-areas: |
        "header"
        "sidebar"
        "main"
        "footer"
    "(max-width: 800px)":
      grid-template-columns: 50% 50%
      grid-template-areas: |
        "header sidebar"
        "main main"
        "footer footer"
cards:
  - type: entities
    entities:
      - entity: light.bed_light
    title: "1"
    show_header_toggle: false
    view_layout:
      grid-area: header
  - type: entities
    entities:
      - entity: light.bed_light
    title: "2"
    show_header_toggle: false
    view_layout:
      grid-area: footer
  - type: entities
    entities:
      - entity: light.bed_light
    title: "3"
    show_header_toggle: false
    view_layout:
      grid-area: sidebar
  - type: entities
    entities:
      - light.bed_light
      - light.ceiling_lights
      - light.kitchen_lights
    title: "4"
    show_header_toggle: false
    view_layout:
      grid-area: main
```

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

### Layout-card as a Card

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Example of using layout-card within another lovelace card to manage its children cards.

```yaml
type: custom:layout-card
layout_type: custom:masonry-layout
layout:
  width: 300
  max_cols: 10
cards: ...
```

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

### Gap-card configuration

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Configuration for the custom 'gap-card' to insert empty space in layouts.

```yaml
type: custom:gap-card
height: <height (optional)>
size: <size (optional)>
```

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

### Layout-break Card

Source: https://github.com/thomasloven/lovelace-layout-card/blob/master/README.md

Declaration for the special 'layout-break' card.

```yaml
type: custom:layout-break
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.