SemText

Reference · SemText · Knowledge & documents

<sem-mockup>

SemText element

You pick the mode — text or html — and put the mockup inside. It renders as a framed specimen; nothing inside it is interactive.

A UI mockup container holding text or HTML. You pick the mode — text or html — and put the mockup inside. It renders as a framed specimen; nothing inside it is interactive. one of `text` (default), `html` — presentation selector; display-only sugar. optional qualifier drawn into the label chrome. per the global attribute catalog (conventions.md §2) per the global attribute catalog (conventions.md §2)

Example

sem-mockup.html
source
1 <sem-mockup id="mock-shell" kind="wireframe">
2 +-------+---------------------------+
3 | nav | hero |
4 | | [ call to action ] |
5 +-------+---------------------------+
6 </sem-mockup>
render
No shipped runtime for this element — the authored example renders as plain HTML.

Source: spec/schema/sem-mockup.md