overlay

Overlay

from dara.components.common.overlay import Overlay

class Overlay(LayoutComponent)

The overlay component accepts a set of children and renders them as an overlay depending on the value of the show flag.

An overlay component is created like so:

from dara.core import Variable
from dara.components.common import Overlay, Text

Overlay(
    Text('Overlay Text'),
    show=Variable(default=True)
)

Arguments:

• show: Boolean Variable instance recording the state, if True it renders the overlay and its' children
• position: the position of the overlay; can be top-left, top-right, bottom-left, bottom-right

Attributes

• show: Optional[NonDataVariable]