Safe Haskell	None
Language	GHC2021

Halogen.Portal

Description

A container component which renders a sub-tree to a DOM node not in the | tree. This is useful for when a child component needs to 'break out' of a | parent, like dialogs, modals, and tooltips, especially if the parent has | z-indexing or overflow: hidden set.

Documentation

data Input (query :: Type -> Type) input output (m :: Type -> Type) Source #

Constructors

Input
Fields input :: input child :: Component query input output m targetElement :: Maybe HTMLElement

data State (query :: Type -> Type) input output (m :: Type -> Type) Source #

Constructors

State
Fields socket :: Maybe (HalogenSocket (Query input query) output m) input :: input child :: Component query input output m targetElement :: Maybe HTMLElement

portal :: forall (label :: Symbol) -> forall (query :: Type -> Type) action input output (slots :: Row Type) slot (m :: Type -> Type). (HasType label (Slot query output slot) slots, MonadUnliftIO m, MonadDOM m, MonadKill m, MonadParallel m, MonadMask m, MonadUUID m, KnownSymbol label, Ord slot) => slot -> Component query input output m -> input -> Maybe HTMLElement -> (output -> action) -> ComponentHTML action slots m Source #

data Query input (query :: Type -> Type) a Source #

Constructors

SetInput input a
ChildQuery (query a)

wrapper :: forall (query :: Type -> Type) input output (m :: Type -> Type). MonadIO m => Component (Query input query) (State query input output m) output m Source #

component :: forall (q :: Type -> Type) i o (m :: Type -> Type). (MonadDOM m, MonadUnliftIO m, MonadKill m, MonadParallel m, MonadMask m, MonadUUID m) => Component q (Input q i o m) o m Source #