# FAB

Floating action button persists across screens for constant access to features that needs to be accessible at all times.


## Overview

### Usage

The FAB is a high-visibility button used to promote a **key action** on a screen. It typically floats above the content, anchored to a corner (usually bottom-right or bottom-center on mobile).

Use the FAB when a single, standout action is needed such as "Add", "Create", or "Start". It should never compete with other primary actions and should be used **sparingly** to avoid visual clutter.

### Variants

The FAB can be adapted based on layout and context:

*   **FAB** – A circular button with an icon (e.g. a plus sign for “Add”)
    
*   **Extended FAB** – A wider button with both an icon and a label (e.g. “Add item”). Useful when more clarity is needed.

### Do’s and don’ts


## UX Guidelines

### Writing UX text for FAB's