jiaiyan/naive-ui-skills - Page 3

n-switch

A toggle switch component for binary choices in Naive UI. Supports custom values, loading states, custom colors, and various sizes with optional content labels.

n-table

A basic table component for rendering simple HTML tables with styling options including borders, stripes, and size variations.

n-tabs

Tabs component for switching content in same area. Invoke when user needs to implement tabbed interfaces, content switching, or tab navigation in Naive UI.

n-tag

Tag component for displaying labels, categories, or toggle options. Invoke when user needs to implement tags, labels, status indicators, or checkable tags in Naive UI.

n-thing

A versatile component for displaying entity information with customizable sections including avatar, header, description, content, and footer.

n-time-picker

A time selection component for choosing specific times in Naive UI. Supports 12/24 hour formats, time zones, disabled times, step intervals, and custom formatting.

n-time

A component for formatting and displaying time values with support for relative time, custom formats, time zones, and Unix timestamps.

n-timeline

A component for displaying a timeline of events with customizable items, icons, and layout options including horizontal and vertical orientations.

n-tooltip

Tooltip component for displaying contextual information on hover or focus. Invoke when user needs to show helpful hints or additional context in Naive UI.

n-transfer

A dual-list transfer component for moving items between source and target lists with filtering, virtual scrolling, and custom rendering capabilities

n-tree-select

A tree-structured select component for hierarchical data selection with features like multiple selection, checkboxes, filtering, and async loading

n-tree

A powerful tree component for displaying hierarchical data with features like selection, checking, drag-and-drop, virtual scrolling, async loading, and search filtering.

n-typography

Typography components for text styling including headings, paragraphs, lists, and text elements. Invoke when user needs styled text, headings, lists, or typography in Naive UI.

n-upload

A comprehensive file upload component supporting drag-and-drop, multiple files, custom requests, thumbnails, and progress tracking

n-virtual-list

Virtual list component for efficient rendering of large lists. Invoke when user needs to implement high-performance lists with thousands of items in Naive UI.

n-watermark

Watermark component for adding watermarks to content areas. Invoke when user needs text or image watermarks, fullscreen watermarks, or content protection in Naive UI.

naive-ui-components

Comprehensive overview of all Naive UI components organized by category. Invoke when user needs to discover available components, understand component categories, or find the right component for their use case.

naive-ui-dark-mode

Dark mode implementation and theme switching for Naive UI applications. Invoke when user needs to implement dark/light theme switching, follow system preferences, or customize dark theme variables.

naive-ui-design-border

Border design specifications for Naive UI components. Invoke when user needs to understand border styles, radius options, or shadow styles used throughout Naive UI.

naive-ui-design-color

Color design specifications for Naive UI. Invoke when user needs to understand the color palette, main colors, semantic colors, or neutral colors used in Naive UI.

naive-ui-design-layout

Layout system for Naive UI including Grid, Flex, Space, and Layout components. Invoke when user needs to create responsive layouts, grid systems, or understand layout components.

naive-ui-design-overview

Overview of all Naive UI components organized by category. Invoke when user needs a quick reference to all available components or wants to explore the component library.

naive-ui-design-typography

Typography design specifications for Naive UI. Invoke when user needs to understand font conventions, font-family settings, or text styling guidelines.

naive-ui-i18n

Configure internationalization (i18n) in Naive UI with support for multiple languages and custom locales

naive-ui-quickstart

Get started with Naive UI - a Vue 3 component library with comprehensive installation and setup guide

naive-ui-ssr

Server-Side Rendering configuration and best practices for Naive UI. Invoke when user needs to implement SSR with Naive UI in Nuxt.js, Vitepress, Vite SSG/SSE, or Webpack environments.

naive-ui-theming

Customize and apply themes in Naive UI including dark mode, theme variables, and creating themed components