Catalog Gatekeeper

<.gate>

ConnieUI.Gatekeeper

Custom smart tags

Define your own fields for templates.

HEEx
<ConnieUI.Gatekeeper.gate gates={@gates} class="w-sm">
  <ConnieUI.Cards.card>
    <ConnieUI.Cards.content>
      <ConnieUI.Typography.subtitled_heading level="h3">
        Custom smart tags
        <:subtitle>Define your own fields for templates.</:subtitle>
      </ConnieUI.Typography.subtitled_heading>
    </ConnieUI.Cards.content>
  </ConnieUI.Cards.card>
</ConnieUI.Gatekeeper.gate>

Controls

This component has no attributes the panel can set.

Set by the example

gates class

Docs

A gate component that overlays content when a gate is locked. Shows the content with a semi-transparent overlay and a lock icon when gated. Hovering over the lock icon shows a tooltip with upgrade information. ## Examples <ConnieUI.Gatekeeper.gate gates={[{:feature, :enable_custom_smart_tags}]}> <ConnieUI.Forms.toggle field={@form[:enabled]} /> </ConnieUI.Gatekeeper.gate> <ConnieUI.Gatekeeper.gate gates={[{:credits, :contract}]}> <.link navigate={~p"/contracts/new"}>New Document</.link> </ConnieUI.Gatekeeper.gate> <ConnieUI.Gatekeeper.gate gates={[{:permission, :create_project}, {:limit, :projects}]}> <ConnieUI.Buttons.button>Create Project</ConnieUI.Buttons.button> </ConnieUI.Gatekeeper.gate>
Attribute Type Default Description
gates :list []
List of gates to check, e.g. [{:permission, :edit}, {:feature, :enable_x}, {:limit, :templates}]
class :any nil
Additional classes for the container
Slot Slot attributes Description
inner_block *