Block

The Block component is a simple spacer tool. It allows sibling HTML elements to have a consistent margin between them.

API Documentation

Example #

In this example, we will use the Block component to create a consistent margin between sibling HTML elements. As you can see, the first two blocks have a margin bottom applied, but the last block does not. This is because the Block component applies a space on all the blocks, excpt the last one.
This text is within a block.
This text is within a second block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
This text is within a third block. This block has no margin at the bottom. 
<Block>
    This text is within a <strong>block</strong>.
</Block>
<Block>
    This text is within a <strong>second block</strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis.
</Block>
<Block>
    This text is within a <strong>third block</strong>. This block has no margin at the bottom.
</Block>
If you like BlazorExpress.Bulma, give it a star on GitHub!