Source code for duck.html.components.hero

"""
Hero component module.
"""
from duck.html.components import Theme
from duck.html.components.container import FlexContainer



[docs]
class Hero(FlexContainer):
    """
    Basic Hero component.
    """

[docs]
    def on_create(self):
        super().on_create()
        self.style["flex-direction"] = "column"
        self.style["width"] = "100%"
        self.style["min-height"] = "100vh"
        self.style["justify-content"] = "center"
        self.style["overflow"] = "hidden"
        self.props["class"] = "hero"