new gui layout for pricing
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
---
|
||||
name: fluxui-development
|
||||
description: "Use this skill for Flux UI development in Livewire applications only. Trigger when working with <flux:*> components, building or customizing Livewire component UIs, creating forms, modals, tables, or other interactive elements. Covers: flux: components (buttons, inputs, modals, forms, tables, date-pickers, kanban, badges, tooltips, etc.), component composition, Tailwind CSS styling, Heroicons/Lucide icon integration, validation patterns, responsive design, and theming. Do not use for non-Livewire frameworks or non-component styling."
|
||||
license: MIT
|
||||
metadata:
|
||||
author: laravel
|
||||
---
|
||||
<?php
|
||||
/** @var \Laravel\Boost\Install\GuidelineAssist $assist */
|
||||
?>
|
||||
# Flux UI Development
|
||||
|
||||
## Documentation
|
||||
|
||||
Use ___SINGLE_BACKTICK___search-docs___SINGLE_BACKTICK___ for detailed Flux UI patterns and documentation.
|
||||
|
||||
## Basic Usage
|
||||
|
||||
This project uses the free edition of Flux UI, which includes all free components and variants but not Pro components.
|
||||
|
||||
Flux UI is a component library for Livewire built with Tailwind CSS. It provides components that are easy to use and customize.
|
||||
|
||||
Use Flux UI components when available. Fall back to standard Blade components when no Flux component exists for your needs.
|
||||
|
||||
___BOOST_SNIPPET_0___
|
||||
|
||||
## Available Components (Free Edition)
|
||||
|
||||
Available: avatar, badge, brand, breadcrumbs, button, callout, card, checkbox, dropdown, field, heading, icon, input, modal, navbar, otp-input, pagination, profile, progress, radio, select, separator, skeleton, switch, table, text, textarea, toast, tooltip
|
||||
|
||||
## Icons
|
||||
|
||||
Flux includes [Heroicons](https://heroicons.com/) as its default icon set. Search for exact icon names on the Heroicons site - do not guess or invent icon names.
|
||||
|
||||
___BOOST_SNIPPET_1___
|
||||
|
||||
For icons not available in Heroicons, use [Lucide](https://lucide.dev/). Import the icons you need with the Artisan command:
|
||||
|
||||
___SINGLE_BACKTICK______SINGLE_BACKTICK______SINGLE_BACKTICK___bash
|
||||
<?php echo e($assist->artisanCommand('flux:icon crown grip-vertical github')); ?>
|
||||
|
||||
___SINGLE_BACKTICK______SINGLE_BACKTICK______SINGLE_BACKTICK___
|
||||
|
||||
## Common Patterns
|
||||
|
||||
### Form Fields
|
||||
|
||||
___BOOST_SNIPPET_2___
|
||||
|
||||
### Modals
|
||||
|
||||
___BOOST_SNIPPET_3___
|
||||
|
||||
## Verification
|
||||
|
||||
1. Check component renders correctly
|
||||
2. Test interactive states
|
||||
3. Verify mobile responsiveness
|
||||
|
||||
## Common Pitfalls
|
||||
|
||||
- Trying to use Pro-only components in the free edition
|
||||
- Not checking if a Flux component exists before creating custom implementations
|
||||
- Forgetting to use the ___SINGLE_BACKTICK___search-docs___SINGLE_BACKTICK___ tool for component-specific documentation
|
||||
- Not following existing project patterns for Flux usage
|
||||
<?php /**PATH /Users/mag/Sites/WMS/Core/storage/framework/views/4ac1e3a0546377b4cde6befc3251bc22.blade.php ENDPATH**/ ?>
|
||||
Reference in New Issue
Block a user