HEEx
<ConnieUI.Gatekeeper.tooltip id="catalog-gated-tooltip" gates={@gates}>
<ConnieUI.Buttons.button color="secondary" disabled>Create template</ConnieUI.Buttons.button>
</ConnieUI.Gatekeeper.tooltip>
Variant matrix
Every combination of one or two attributes, side by side.
Controls
Set by the example
gates
Docs
A tooltip that shows when a gate is locked due to permissions, plan restrictions,
credit limits, or usage limits.
## Usage with gates
Pass a `gates` list to check multiple gate conditions:
<ConnieUI.Gatekeeper.tooltip gates={[
{:permission, :create_template},
{:feature, :enable_custom_branding},
{:limit, :templates}
]}>
<ConnieUI.Buttons.button>Create Template</ConnieUI.Buttons.button>
</ConnieUI.Gatekeeper.tooltip>
## Gate types
- `{:permission, ability}` - Permission-based gating
- `{:feature, feature}` - Plan feature availability
- `{:limit, limit_type}` - Usage limits (:projects, :templates)
- `{:credits, credit_type}` - Credit availability (:contract)
| Attribute | Type | Default | Description |
|---|---|---|---|
| No data found. | |||
| id | :string |
|
|
| gates | :list | [] |
List of gates to check
|
| size | :string | "xs" |
3xs | 2xs | xs | sm | md | lg | xl | 2xl | 3xl | 4xl | 5xl | 6xl | 7xl
|
| Slot | Slot attributes | Description |
|---|---|---|
| No data found. | ||
| inner_block * | ||