Documentation menu · Input
Input

GlassFieldGroup

Layout primitive for related form fields.

ListedProduction package import

#Overview

Catalogued without card preview

It is a non-visual form composition helper exercised by the live form, wizard, and field previews.

Status
listed
Category
Input
Package
aura-glass

#Install and Import

Install the package once, import the component from the public entry, and load styles a single time at the app root.

shell
npm install aura-glass@4.0.0
import
import { GlassFieldGroup } from 'aura-glass'
styles
import 'aura-glass/styles';

#Accessibility

Keep visible labels and semantic structure around this surface. Confirm keyboard order, focus visibility, disabled states, and text contrast over the actual backdrop used by the app.

#SSR and Performance

Import from the public package entrypoint, load `aura-glass/styles` once, and keep expensive data, media, or animation work outside the visual component unless the product needs it.

#Theming

Theme with public props, `className`, `style`, and AuraGlass CSS variables. Avoid private DOM selectors so the component can upgrade with the package.