介绍

本文档主要用于描述 ShadcnFloatButton 组件的一些特性和用法。

用法

查看代码

<template>
    <ShadcnFloatButton circle>
        <ShadcnIcon icon="Save" />
    </ShadcnFloatButton>
</template>

菜单 (menu)

查看代码

<template>
    <ShadcnFloatButton circle right="120">
        <ShadcnIcon icon="Save" />
        <template #menu>
            <div class="p-2">
              <div class="py-1 px-2 hover:bg-gray-100 cursor-pointer">Menu 1</div>
              <div class="py-1 px-2 hover:bg-gray-100 cursor-pointer">Menu 2</div>
              <div class="py-1 px-2 hover:bg-gray-100 cursor-pointer">Menu 3</div>
            </div>
        </template>
    </ShadcnFloatButton>
</template>

浮动按钮 (Float Button) 属性

浮动按钮 (Float Button) 插槽

浮动按钮 (Float Button) 事件