OcFloatingActionButton component

Description

The OcFloatingActionButton component displays a button that floats above an interface and represents the primary or most common action of a screen.

Examples

Default

The default use case displays a menu of stacked buttons.

<oc-floating-action-button
  aria-label="Floating action button"
  class="!static"
  :items="[
		{ label: 'File', icon: 'file', to: { path: '/' } },
		{ label: 'Folder', icon: 'folder', to: { path: '/' } },
		{ label: 'Public link', icon: 'link', to : { path: '/' } }
	]"
/>

Action mode

While setting mode to action, only the primary Floating Action Button will be displayed.

<oc-floating-action-button
  aria-label="Floating action button"
  mode="action"
  class="!static"
  :to="{ path: '/' }"
/>

Properties

Emits

Slots