FloatingAction

FloatingAction provides a floating action button (FAB) that expands to reveal a set of actions. Supports radial, vertical, or horizontal expansion with configurable positioning.

Quick Start

<script>
  import { FloatingAction } from '@rokkit/ui'

  const actions = [
    { label: 'Edit', value: 'edit', icon: 'i-glyph:edit' },
    { label: 'Copy', value: 'copy', icon: 'i-glyph:copy' },
    { label: 'Share', value: 'share', icon: 'i-glyph:share' }
  ]
</script>

<FloatingAction items={actions} icon="i-glyph:add-circle" onselect={(v) => console.log(v)} />