Catalog Templates

<.tab_stops>

ConnieUI.Templates

Director Agreement

Producer: Nordic Films ApS

Director: Lars Hansen

Shooting days: 12

Fee: DKK 48,000
HEEx 
<ConnieUI.Templates.tab_stops class="w-full max-w-2xl">
  <div class="template">
    <h2>Director Agreement</h2>
    <p :for={line <- @lines}>{line}</p>
  </div>
</ConnieUI.Templates.tab_stops>

Controls

This component has no attributes the panel can set.

Set by the example

class

Docs

Wraps any number of `.template` blocks with a custom element that observes its own width and writes `--tab-stop` to a CSS variable. CSS in `assets/css/template.css` consumes this for `tab-size`, so a literal `\t` inside a paragraph or heading lines up with the percentage-based indent grid (10% per indent level). Use this around any rendered template — preview modals, public sign pages, contract signing pages, the editor — so tab stops stay consistent between edit and read modes. ## Examples <ConnieUI.Templates.tab_stops> {render_slot(@rendered_template)} </ConnieUI.Templates.tab_stops>
Attribute Type Default Description
class :any nil
Slot Slot attributes Description
inner_block *