# Floating button group

Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.

- ID: `floating-button-group`
- Import: `animui/floating-button-group`
- Category: Actions
- Runtime exports: `FloatingButtonGroup`, `default`
- Declaration: `types/free/components/floating-button-group.d.ts`
- Type provenance: emitted-original-typescript
- Related: button-group, expanding-button-group, split-button, segmented-control, tooltip

```tsx
import { FloatingButtonGroup } from 'animui/floating-button-group';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info floating-button-group` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { FloatingButtonGroup, default } from '../registry/components/floating-button-group/floating-button-group.js';
export type { FloatingButtonGroupAction, FloatingButtonGroupItem, FloatingButtonGroupOrientation, FloatingButtonGroupProps, FloatingButtonGroupSeparator, FloatingButtonGroupSize, FloatingButtonGroupVariant } from '../registry/components/floating-button-group/floating-button-group.js';
```