Documents usage of List and ListItem components for Vue/Qasar in-app layouts.
npx skills add https://github.com/SandroBeatz/layrix --skill list-usage
Please help me install this Agent Skill. Skill: list-usage Source: https://github.com/SandroBeatz/layrix/tree/main/.claude/skills/list-usage Command: npx skills add https://github.com/SandroBeatz/layrix --skill list-usage
This Skill provides a complete guide to using the List and ListItem components in the Layrix application, solving the problem of understanding and implementing these components effectively.
To get started, import the necessary components and begin constructing your list and list items as per the examples provided in the guide.
High-intent search queries and answers about installing and using this skill.
To implement List and ListItem components in a Vue dashboard, you import the necessary Layrix components and construct your list structure using the provided examples. This guide covers Vue and Quasar component usage within a dashboard architecture.
Common use cases for Quasar List and ListItem components include chat lists, settings menus, context menus, file managers, and notifications. The guide also covers active states and dense mode implementations for these components.
Yes, understanding feature-sliced design is required to use Layrix list components effectively. You also need existing knowledge of the Vue and Quasar frameworks to implement the provided component examples.
The anatomy of a Layrix ListItem component includes its underlying structure and specific purpose within the application. The guide provides a detailed overview of how these components are structured for optimal dashboard design.
Best practices for managing active states in Vue lists involve using the specific active state configurations detailed in the guide. It also covers when to apply dense mode to optimize your dashboard component layout.
SandroBeatzIntegrate and customize the Quasar Breadcrumbs component in Layrix apps.
laguaguProvide reusable UI components for building AI-native chat interfaces and workflows.
SandroBeatzGenerate Vue/Quasar component structures with TypeScript interfaces and barrel exports.
SandroBeatzSelect and integrate Tabler Icons v2 into Quasar components.
