Surface | RiseUI

Semantic surface variants with optional scope for descendants — HeroUI Surface parity.

Variants

Hero Storybook order: transparent, default, secondary, tertiary — each with sample Email field; base surface is shadowless (surface.css).

RiseSurface(
  variant: RiseSurfaceVariant.default_,
  borderRadius: 16,
  child: Text('Default surface content'),
)

RiseSurface(variant: RiseSurfaceVariant.secondary, child: …)
RiseSurface(variant: RiseSurfaceVariant.tertiary, child: …)
RiseSurface(variant: RiseSurfaceVariant.transparent, child: …)

With form fields

Secondary [RiseTextField]s on a default surface shell (Hero With Form–style).

RiseSurface(
  variant: RiseSurfaceVariant.default_,
  child: Column(
    children: [
      RiseTextField(
        labelText: 'Email',
        variant: RiseTextFieldVariant.secondary,
        fullWidth: true,
      ),
    ],
  ),
)