ショップ

企業向け

v-btnコンポーネントはフローティング・アクション・ボタンとして使用できます。これにより、アプリケーションに主要なアクションポイントが提供されます。 v-speed-dialコンポーネントと組み合わせて、ユーザーが利用できるさまざまな機能セットを作成できます。

Floating action buttons can be attached to material to signify a promoted action in your application. The default size will be used in most cases, whereas the small variant can be used to maintain continuity with similar sized elements.

確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。

以下に、簡単な例から複雑な例まで示します。

For better visual appeal, we use a small button to match our list avatars.

初めて表示されるとき、フローティングアクションボタンはアニメーション表示されます。ここでは、v-showで v-fab-transitionを使用します。 Vuetifyまたは独自のトランジションを使用することもできます。

speed-dial コンポーネントには、FABエクスペリエンスを正確にカスタマイズするための非常に堅牢なAPIがあります。

When changing the default action of your button, it is recommended that you display a transition to signify a change. We do this by binding the key prop to a piece of data that can properly signal a change in action to the Vue transition system. While you can use a custom transition for this, ensure that you set the mode prop to out-in.

準備はいいですか? 以下から続きが読めます。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!