Atom / Text Button

--- tags: atom --- # Atom / Text Button This is an overview of Text button (Add, Edit, View) in its Standby, Hover, and Pressed states. This button is used in the Investor Analytics table (View Profile), Scenarios "Add Shareholders" (Add) after applying the funding scenario, Use of Proceeds and Key-Drivers Edit states (Add), Supporting Documents (Add), ... ## States & Variables ... ### Standby This is what the button looks like when no action is being taken, its standard state. The **HEX** code of the colour used is: **2C7BE5** <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%253A360" allowfullscreen></iframe> ... ### Hover This is what the button looks like when the user hovers over it. The **HEX** code of the colour used is: **2C7BE5** and **F4F8FE** (background). <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%3D22021%253A30" allowfullscreen></iframe> ... ### Pressed This is what the button looks like when the user hovers over it. The **HEX** code of the colour used is: **2C7BE5** and **EAF2FC** (background). <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%3D22021%253A39" allowfullscreen></iframe> ... ### Variables ... ## Questions