primait/pyxis-components/5.0.0

NOTE: the latest version is 9.0.3

Prima.Pyxis.Container

Creates a Container component by using predefined Html syntax.

Ready to use

fluid : List (Html msg) -> Html msg

Renders a fluid Container

default : List (Html msg) -> Html msg

Renders a default Container

Custom

= RowDirection
| ColumnDirection
| OnBPXsmall
| OnBPSmall
| OnBPMedium
| OnBPLarge
| OnBPXlarge
| FluidOnBPXsmall
| FluidOnBPSmall
| FluidOnBPMedium
| FluidOnBPLarge
| FluidOnBPXlarge

Represents a list of modifiers which can be applied to the container itself.

Use RowDirection | ColumnDirection to manage flex-direction.

Use OnBPXsmall | OnBPSmall | OnBPMedium | OnBPLarge | OnBPXlarge to transform a fluid Container in a default one in a specific Breakpoint (BP).

Use FluidOnBPXsmall | FluidOnBPSmall | FluidOnBPMedium | FluidOnBPLarge | FluidOnBPXlarge to transform a default Container in a fluid one in a specific Breakpoint (BP).

defaultWithModifiers : List Modifier -> List (Html msg) -> Html msg

Renders a default Container but with some Modifier(s) to manage it's appearance in specific Breakpoints (BP)

fluidWithModifiers : List Modifier -> List (Html msg) -> Html msg

Renders a fluid Container but with some Modifier(s) to manage it's appearance in specific Breakpoints (BP)

custom : List String -> List Modifier -> List (Html msg) -> Html msg

Renders a completely customizable container.

Container.custom [ "my-custom-class", "a-container" ] [ ColumnDirection, FluidOnBpXSmall ] [ text "Lorem ipsum dolor sit amet." ]