Block.view [ Block.plaintext "Hello, world!" ]

Provide the main content of the block as a plain-text string. You can also use content for more complex cases, including a blank appearing within an emphasis.

Use content for more complex block views, for instance when a blank appears within an emphasis block. Prefer to use plaintext when possible for better readability.

Block.view
    [ Block.emphasize
    , Block.content (Block.phrase "Hello, " ++  Block.blank :: Block.phrase "!" ) ]
    ]

Use this helper with content when you need to attach an id to a particular word inside of an emphasis.

You will only need to use this helper if you're also using content to construct a more complex Block. For a less complex blank Block, don't include content or plaintext in the list of attributes.

You will only need to use this helper if you're also using content to construct a more complex Block. For a less complex blank Block, don't include content or plaintext in the list of attributes.

Wraps a group of content in a strong tag

Wraps a group of content in a em tag

Mark content as emphasized.

Use getLabelPositions to construct this value.

Determine where to position labels in order to dynamically avoid overlapping content.

- First, we add ids to block with labels with `Block.labelId`.
- Say we added `Block.labelId "example-id"`, then we will use `Browser.Dom.getElement "example-id"` and `Browser.Dom.getElement (Block.labelContentId "example-id")` to construct a record in the shape { label : Dom.Element, labelContent : Dom.Element }. We store this record in a dictionary keyed by ids (e.g., "example-id") with measurements for all other labels.

getLabelPositions will return a dictionary of values (keyed by label ids) whose values can be passed directly to labelPosition for positioning.

Use getLabelPositions to calculate what these values should be.