Nuxt UI is a collection of reusable components and utilities for building apps. This plugin integrates Nuxt UI components directly into Luna Park.
This plugin can be installed directly from the Luna Park application:
- Open your project in Luna Park.
- Navigate to the Library menu.
- Click on Install Plugins.
- Search for "Nuxt UI" and install it.
You can configure the global appearance of the UI components in the plugin settings:
| Option | Description | Type | Default | Options |
|---|---|---|---|---|
primary |
Primary color theme | String | green |
red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose |
neutral |
Neutral color shade | String | slate |
slate, gray, zinc, neutral, stone |
colorMode |
Color mode preference | String | auto |
light, dark, auto |
radius |
Global border radius | Number | 0.25 |
0 to 1 (step 0.125) |
This plugin provides a wide range of components organized into the following categories:
- Chat: Components for building chat interfaces.
- Dashboard: Widgets and layout elements for dashboards.
- Data: Components for displaying data (tables, lists, etc.).
- Element: Basic UI elements (buttons, badges, avatars).
- Form: Input fields, selects, checkboxes, and other form elements.
- Layout: Structural components for page layout.
- Navigation: Menus, breadcrumbs, and other navigation aids.
- Overlay: Modals, slide-overs, tooltips, and notifications.
- Page: High-level page structure components.