Tesserae

BackgroundArea

Description

A full-bleed background container used to host a centered card or hero section, typically as the application shell. Combine it with Card, Stack or any other component to build splash, sign-in or onboarding surfaces.

Usage

Wrap the content you want centered against the themed background:

API reference

class

BackgroundArea

public class BackgroundArea : IComponent, IHasBackgroundColor

A full-bleed background container used to host a centered card or hero section, typically as the application shell.

Constructors

Constructor
BackgroundArea
public BackgroundArea(IComponent content)

Initializes a new instance of this class.

Properties

Property
BackgroundArea.Background
public string Background { get ; set ; }

Gets or sets the CSS background of the component.

Methods

Method
BackgroundArea.Content
public BackgroundArea Content(IComponent content)

Sets the content rendered inside the surface.

Method
BackgroundArea.Render
public HTMLElement Render()

Renders the component's root HTML element.

See also

© 2026 Tesserae. All rights reserved.