---
type: "Components"
category: "Toggle"
parent: "Overlay"
title: "Addon"
date: "1900-10-10"
---

## Close fixed

You can have the the close button with `.fixed` to have it **fixed inside the overlay**.

> Move close button with `.fixed` outside transforms elements content.

> Do not transition margin on `.fixed` because of margin positioning, **transition the content instead**.

<demo>
  <demoinline src="demos/components/overlay/close-fixed">
  </demoinline>
</demo>

## Close outside

Use this code to create a **close outside**.

<demo>
  <demoinline src="demos/components/overlay/closeoutside">
  </demoinline>
</demo>
