---
# System prepended metadata

title: Atom / Toggle
tags: [atom]

---

---
tags: atom
---
# Atom / Toggle

This is an overview of toggle button seen throughout the Raise platform in its Standby, Hover, and Pressed states.

## States & Variables
...

### Off

This is what the button looks like when it is off or inactive. The **HEX** code of the colour used is: **E4EBF6**

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D12117%253A195" allowfullscreen></iframe>

...

### On

This is what the button looks like when it is on or active. The **HEX** code of the colour used is: **3FD496**

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D12117%253A194" allowfullscreen></iframe>

...

### Variables

The toggle is used on the Investor Profile page, the founder has the ability to pause or resume the investor's access to the Deal Room. However, if the investor has **made a commitment**, their access to the Deal Room cannot be paused and is locked. 

The toggle will show as follows:

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D12196%253A49" allowfullscreen></iframe>

...


## Questions

