# Spacer

Source: https://lumeo.nativ.sh/components/spacer

# Spacer

A flexible spacer that expands to fill available space or renders at a fixed size.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## Usage

@using Lumeo

<Spacer />

Preview Code

Flex Spacer

Brand

Login

Preview Code

Fixed Size

Jane Doe

jane@example.com

## API Reference

### Spacer

Property

Type

Default

Description

Size

string?

—

Fixed Tailwind size value. When unset, expands with flex-1. When set, renders as w-{Size} h-{Size}.