Visibility

To control the visibility of an element. Use pam-{visible | invisible} for visibility and pam-hidden to hide an element that takes up no space. You can also use the shorthand for these properties which are visible| invisibleand hidden.

Visible
Invisible
Not Invisible
Hidden
Not Hidden
Markup

Toggle example guides Toggle HTML markup 

<div pam-Grid pam-Grid-Control="space-x">
    <div pam-Unit="1-2 medium:1-3">
        <div pam-visibile pam-Alert="simple">
            Visible
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-Alert="simple success">Invisible</div>
        <div pam-invisible pam-Alert="simple" pam-position="absolute cover" pam-space="m:0">
            Not Invisible
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-Alert="simple success">Hidden</div>
        <div pam-hidden pam-Alert="simple" pam-position="absolute cover" pam-space="m:0">
            Not Hidden
        </div>
    </div>
</div>