Block - PIWEEK/polymux GitHub Wiki

A block is a section wrapper. It wraps a content section and allows to set a section structure. Its commonly used as a child of a polymux-container

A default block element:

<polymux-block title="Title" distribution="flex-start" direction="row">
  <!-- Hey, I am the content -->
</polymux-block>

A block element has three attributes:

  • Title(optional): The title of the section,
  • Distribution(optional): Sets the distribution of the elements inside the section
    • flex-start: All items will be aligned to the left default
    • Space-between: Items will grow to fit in all the item's space
    • flex-end: all items will be aligned to the left
  • direction(optional): The direction the child items will be displayed
    • row: Child items will be displayed one above the other default
    • column: Child items will be displayed in columns.