# EuiHasPermissionDirective

**Type:** directive

<p>Structural directive conditionally rendering content based on user permissions.
Checks permissions via EuiPermissionService and shows/hides content accordingly.
Supports single or multiple permission checks with AND/OR logical operators.
Similar to *ngIf but permission-based instead of boolean-based.</p>
<p>Single permission:</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;button *euiHasPermission=&quot;[&#39;EDIT_USER&#39;]&quot;&gt;Edit&lt;/button&gt;</code></pre></div><p>Multiple permissions (AND - all required):</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;div *euiHasPermission=&quot;[&#39;READ_DATA&#39;, &#39;WRITE_DATA&#39;]&quot;&gt;
  Admin content
&lt;/div&gt;</code></pre></div><p>Multiple permissions (OR - any required):</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;div *euiHasPermission=&quot;[&#39;MANAGER&#39;, &#39;ADMIN&#39;]&quot; euiHasPermissionOperator=&quot;OR&quot;&gt;
  Manager or Admin content
&lt;/div&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Content completely removed from DOM when permissions not granted</li>
<li>No visual indication of hidden content to unauthorized users</li>
<li>Screen readers will not encounter permission-restricted content</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Default operator is AND (all permissions required)</li>
<li>Use OR operator when any single permission should grant access</li>
<li>Requires EuiPermissionService to be configured in application</li>
<li>Permission checks happen synchronously on directive initialization and input changes</li>
</ul>


**Selector:** `[euiHasPermission]`

**Standalone:** false

## Inputs

- **euiHasPermission**: `any` - <p>Array of permission strings required to display the content.
Can be single permission or multiple permissions.</p>

- **euiHasPermissionOperator**: `ConditionOperator` - <p>Sets the logical operator for permission checks.
&#39;AND&#39; requires all permissions, &#39;OR&#39; requires at least one permission.
Default: &#39;AND&#39;</p>

