# Center

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

# Center

A utility component that centers its children both horizontally and vertically.

## 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

<Center />

Preview Code

Basic Centering

Centered content

Preview Code

With Fixed Height

No image selected

Preview Code

Inline Center

Click the

icon to add an item.

## API Reference

### Center

Property

Type

Default

Description

Height

string?

—

Fixed height as a CSS value (e.g. "200px", "10rem"). When unset, defaults to h-full.

Inline

bool

false

Use inline-flex instead of flex for inline centering within text.