Create resizable slide-out drawers with multiple placements in Naive UI.
npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-drawer
Please help me install this Agent Skill. Skill: n-drawer Source: https://github.com/jiaiyan/naive-ui-skills/tree/main/components/n-drawer Command: npx skills add https://github.com/jiaiyan/naive-ui-skills --skill n-drawer
Drawer component for slide-out panels and navigation from screen edges. Invoke when you need to create slide-out panels, sidebars, or multi-level navigation drawers in Naive UI.
Open a right-placed, resizable drawer with a header and content area.
High-intent search queries and answers about installing and using this skill.
Build a slide-out navigation drawer in Naive UI by using a reusable pattern supporting side navigation, multiple placements like right or left, and trap focus. It provides header and footer slots to structure panel content easily.
Yes, you can open multiple nested drawers simultaneously. The pattern supports multi-level drawer workflows, allowing you to stack detail panels and forms across dashboards and admin interfaces without conflicts.
Yes, Naive UI supports resizable slide-out panels. The drawer pattern includes drag-to-resize behavior, allowing you to dynamically control the width and height of sidebars and detail panels directly within the application interface.
Available placements for sidebars in Naive UI include top, right, bottom, and left. This allows you to invoke slide-out panels from any screen edge to build navigation, detail views, or forms.
Add custom headers and footers to a Naive UI drawer by utilizing built-in header and footer slots. These slots allow you to embed interactive elements and navigation controls directly into the slide-out panel.
jiaiyanConfigure Naive UI internationalization with NConfigProvider and createLocale for Vue 3 apps.
masssi164Implement validated Flutter forms with state, validation, and submission.
ekremmkasapDesign React Native UI patterns for styling, navigation, and animation.
jiaiyanCreate and control contextual dropdown menus for Naive UI components in Vue 3.
