# Imposter

>***Layouts are NOT components! They are only a demo of the layout primitive for Storybook.  To use layout primitives in your own templates simply use the appropriate CSS Classes.  See documentation and code samples for more details.***

The Imposter element allows you to centrally position an element over the viewport, document, or a positioned element.

You can use fixed positioning on the imposter to create a full screen modal.

A note about flow: If using position fixed, its best to place your imposter element at the end of the document so it appears above other elements without requiring z-index.

<details>
  <summary>Inherited CSS Variables:</summary>
  - `--positioning`:
    - **absolute**: (default): positions the imposter relative to its containing element.
    - **fixed**: positions the imposter relative to the page.
</details>
