Provide a reusable floating action button component for Naive UI applications.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-float-button
Please help me install this Agent Skill. Skill: n-float-button Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-float-button Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-float-button
Floating action button provides quick access to primary actions, reducing UI friction and maximizing action discoverability.
Place an n-float-button at a corner and attach an icon to initiate primary actions.
High-intent search queries and answers about installing and using this skill.
To add a floating action button in a Vue 3 Naive UI dashboard, use a reusable component that exposes quick primary actions. You position it at a corner, attach an icon, and configure options like shape and badge integration.
Yes, you can use a floating action button with a menu for multi-action workflows in Vue 3. The component supports button groups and menu triggers to handle multiple actions, reducing UI friction and maximizing action discoverability.
Positioning options available for a floating action button in Naive UI include top, bottom, left, and right. This allows flexible placement across dashboards, mobile interfaces, toolbars, and panels where accessible actions are needed.
Yes, the Naive UI floating action button supports contextual badges and descriptions. It includes badge integration and description slots, allowing you to provide contextual actions while maintaining consistent design with n-icon and Naive UI theming.
You should use a floating action button instead of a standard toolbar in a mobile UI when you need to provide quick access to primary actions. It reduces UI friction and maximizes action discoverability for floating action scenarios.
jiaiyanConfigure Naive UI internationalization with NConfigProvider and createLocale for Vue 3 apps.
johnlindquistManage a searchable action menu for Script Kit GPUI contexts.
guichefferProvide reusable React Native UI components with Zest design system theming.
jiaiyanPin content to fixed positions during scrolling with configurable trigger distances.
