# Floating Action Button Component with Customizable Options

> This React component renders a customizable floating action button (FAB) with multiple options that appear when the main button is clicked.  The FAB's size, position, and options are configurable through props.  It uses state to manage the visibility of the options and provides smooth animations for a better user experience.

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- Live preview: https://21st.dev/@uniquesonu/components/floating-action-button-component-with-customizable-options

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uniquesonu/floating-action-button-component-with-customizable-options?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt