EXEPERTAI LAB

Research alpha

Time Machine
EXEPERTAI LAB
GALLERY / COLLECTION
← Browse Astryx gallery
Utilities·component·@astryxdesign/core

Layer

Layer utilities provide the app-level provider used by overlay systems. Use LayerProvider at the app root for toast/layer configuration; use higher-level Popover, HoverCard, or Tooltip APIs for most overlay UI. Rendered layer content, not the provider’s application subtree, uses theme body text defaults and exits ancestor surface/group membership. Establish intentional groups and complete required providers inside each layer.

@astryxdesign/core/Layer

Usage

Layer utilities provide the app-level provider used by overlay systems. Use LayerProvider at the app root for toast/layer configuration; use higher-level Popover, HoverCard, or Tooltip APIs for most overlay UI. Rendered layer content, not the provider’s application subtree, uses theme body text defaults and exits ancestor surface/group membership. Establish intentional groups and complete required providers inside each layer.

  • Use LayerProvider once near the app root when you need shared toast/layer configuration.
  • Build on higher-level components like Popover, HoverCard, and Tooltip for common overlay patterns.
  • Add nested LayerProvider instances: nested providers are ignored and add unnecessary tree depth.

Typed props

LayerProvider

PropType and behavior
childrenReactNode · required
Application subtree that can use the shared layer context.
toastLayerToastConfig
Toast viewport configuration. Controls position, maxVisible, and inset for toasts shown through useToast.