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.

Namespace
Tesserae
Implements
IComponent, IHasBackgroundColor

Constructors

NameDescription
BackgroundAreaInitializes a new instance of this class.
Constructor
BackgroundArea
public BackgroundArea(IComponent content)

Initializes a new instance of this class.

Properties

NameDescription
BackgroundGets or sets the CSS background of the component.
Property
BackgroundArea.Background
public string Background { get ; set ; }

Gets or sets the CSS background of the component.

Methods

NameDescription
ContentSets the content rendered inside the surface.
RenderRenders the component's root HTML element.
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 Curiosity. All rights reserved.