Back to Compositions

PermissionGate

Access Control

React utility component for permission-based conditional rendering

Composed from
BannerTextButtonStack
Example
You don't have permission to access this feature. Contact your administrator to request access.
Super Admin Only
Usage
import { PermissionGate, TextField } from '@/components/polaris';

function Example() {
    return (
        <PermissionGate
            hasPermission={false}
            permissionName="store settings"
            onRequestAccess={() => console.log('request access')}
        >
            <TextField label="Store name" value="My Store" />
        </PermissionGate>
    );
}