FlexView

Źródło: views/FlexView.js

FlexView

Kontener flexbox zgodny z Bootstrap 4 Flex Utilities.

Parametry

• type - Typ widoku: "flex"
• direction - Kierunek flexbox: row | row-reverse | column | column-reverse (domyślnie: brak)
• justify - Wyrównanie głównej osi (justify-content): start | end | center | between | around (domyślnie: brak)
• align - Wyrównanie osi krzyżowej (align-items): start | end | center | baseline | stretch (domyślnie: brak)
• alignContent - Wyrównanie contentu (align-content): start | end | center | between | around | stretch (domyślnie: brak)
• wrap - Zawijanie: wrap | nowrap | wrap-reverse (domyślnie: brak)
• gap - Odstęp między elementami (0-5, klasa Bootstrap gap-{n}) (domyślnie: brak)
• inline - Czy użyć d-inline-flex zamiast d-flex (domyślnie: false)
• childs - Tablica widoków potomnych
  • Każdy child może opcjonalnie zawierać:
    • alignSelf - Indywidualne wyrównanie: start | end | center | baseline | stretch
    • order - Kolejność elementu (0-12)
    • flex - Klasa flex: fill | grow-0 | grow-1 | shrink-0 | shrink-1

Przykład użycia

type: flex
direction: row
justify: between
align: center
gap: 3
childs:
  - type: text
    content: Element 1
  - type: text
    content: Element 2
    alignSelf: end
  - type: button
    label: Akcja
    variant: primary
    order: 0