Home Manual Reference Source
public class | source

Overlay

Extends:

react~Component → Overlay

Overlay is a component to present data in simple modal window

Content data are defined inside OverlayContent component.

Overlay trigger is defined inside OverlayAction component.

Access

Stage.Basic.Overlay

Usage

Overlay hidden (only trigger visible) *

Overlay

Overlay visible *

Overlay

<Overlay>
  <Overlay.Action title="Click button to open overlay">
    <Button>Details</Button>
  </Overlay.Action>
  <Overlay.Content>
    <p>Overlay content</p>
  </Overlay.Content>
</Overlay>

Static Member Summary

Static Public Members
public static

Action: *

Overlay action, see OverlayAction

public static

Content: *

Overlay content, see OverlayContent

public static

propTypes

Static Public Members

public static Action: * source

Overlay action, see OverlayAction

public static Content: * source

Overlay content, see OverlayContent

public static propTypes: * source

propTypes

Properties:

NameTypeAttributeDescription
children object[]

primary content

className string
  • optional
  • default: 'large'

CSS classname to add to modal window