Catalog Collaboration

<.gate>

ConnieUI.Collaboration

Before we let you in...

Nordisk Film Production requests a few more details before you can collaborate on the document.

Need help? Privacy Policy

HEEx 
<div class="flex h-[32rem] w-2xl flex-col">
  <ConnieUI.Collaboration.gate screen={false}>
    <ConnieUI.Layouts.vstack gap="lg">
      <ConnieUI.Typography.subtitled_heading level="h2-display" gap="md">
        Before we let you in...
        <:subtitle>
          Nordisk Film Production requests a few more details before you can collaborate on the document.
        </:subtitle>
      </ConnieUI.Typography.subtitled_heading>
      <ConnieUI.Buttons.button size="xl" full_width>Continue to the document</ConnieUI.Buttons.button>
    </ConnieUI.Layouts.vstack>
    <:footer>
      <ConnieUI.Typography.muted>Need help? Privacy Policy</ConnieUI.Typography.muted>
    </:footer>
  </ConnieUI.Collaboration.gate>
</div>

Variant matrix

Every combination of one or two attributes, side by side.

Controls

fills the window. Off for a gate under a header of its own, where it takes the rest of a flex column instead and starts the card at the top

Set by the example

class

Docs

The page somebody waits on before they are let into a document: joining, typing the code, waiting for an answer, filling in their details, and the notice once the document has closed. A card in the middle of the window over `redacted_backdrop/1`, so the visitor can tell there is a document behind the door without being shown any of it. `footer` sits under the card, for the help and policy links, on a surface of its own: over the blurred bars, grey link text alone does not read.
Attribute Type Default Description
class :any nil
on the card
screen :boolean true
fills the window. Off for a gate under a header of its own, where it takes the rest of a flex column instead and starts the card at the top
Slot Slot attributes Description
inner_block *
:footer