Pepulux Playbook

Speed Dial

Floating action button that expands into a set of sub-actions. Tap + to reveal options.

import{ SpeedDial } from "@pepulux/ui"

Default (expand up)

Expand right

Props

PropTypeDefaultDescription
actions*SpeedDialAction[]—Array of { label, icon, onClick?, disabled? }
direction"up" | "down" | "left" | "right""up"Direction the sub-actions expand
iconReactNode—Custom icon for the main FAB (default: +)
Application component → Navigationwww.pepulux.com

Notes and documentation

Space for notes, documentation, and best practices for using these components.

Primary action with extras

A floating action button reveals related actions. Keep to three to five and label each one.