Skip to content
CoastKey Showcase
Back to catalog

Product UI Kit

Product FABs / Floating Actions

ProductFloatingActionButton and ProductMapActionPlacement are the accepted Product UI Kit floating-action masters, with shared dark glass, translucent hover, 8px blur and the floating-action shadow. ProductFloatingActionPlacement remains a source-only layout mechanic used by page layouts; Search / Catalog runtime placement, labels, counts, and callbacks remain adapter-owned.

FABs / Floating Actions

ProductFloatingActionButton primitive

Map action

Dark glass: 60% surface, 8px backdrop blur and a floating shadow. Hover darkens the glass; keyboard focus remains visible.

Destination action

Up, map/list, expand/return and zoom actions share this material; wrappers own placement and callbacks.

Disabled state

Disabled behavior remains owned by the primitive.

Map action placement

ProductMapActionPlacement

ProductMapActionPlacement / bottom center

Placement owns geometry only; callers own count, state, and callback.