> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Button 12

> Circular avatar image paired with a caret-down icon arranged in a horizontal row layout.

<Frame>
  ![Button 12](https://ffciaqoksnnzuihswbxs.supabase.co/storage/v1/object/public/components/Elements/Buttons/button-with-image-and-icon.png)
</Frame>

## Overview

Button 12 is a compact interactive button component featuring a circular user avatar image alongside a downward-pointing caret icon. It is designed to serve as a profile or account menu trigger, commonly used in navigation bars or headers to open dropdown menus. The horizontal row layout with centered alignment makes it intuitive for users to interact with.

## How to use

<Steps>
  <Step titleSize="h4" title="Open the Brikl panel">
    Navigate to the **Elements** category in the Brikl panel.
  </Step>

  <Step titleSize="h4" title="Copy the component">
    Find **Button 12** and click **Copy**.
  </Step>

  <Step titleSize="h4" title="Paste into your editor">
    Paste it into your Bubble canvas with `Cmd + V` (Mac) or `Ctrl + V` (Windows),
    or right-click on the canvas and select **Paste**.
  </Step>
</Steps>

## Responsive

This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble's built-in mobile breakpoint.

## Requirements

|             |                       |
| ----------- | --------------------- |
| License     | Starter plan required |
| Plugins     | None                  |
| Custom code | Not required          |

## Platforms

| Platform | Supported |
| -------- | --------- |
| Web      | ✅         |
| Mobile   | ✅         |

## License

<Note>
  This component requires a **Starter** plan.
</Note>