### Install Flux Package Source: https://github.com/livewire/flux/blob/main/README.md Installs the Flux UI component library for Livewire applications using Composer. This command should be run from your project's root directory. ```bash composer require livewire/flux ``` -------------------------------- ### Activate Flux Pro License Source: https://github.com/livewire/flux/blob/main/README.md Activates your Flux Pro license key. This command-line interface command prompts for your email and license key to enable Pro features. ```bash php artisan flux:activate ``` -------------------------------- ### Publish Flux Components Source: https://github.com/livewire/flux/blob/main/README.md Publishes Flux component Blade files for customization. You can choose to publish specific components or all of them using the `--all` flag. ```bash php artisan flux:publish ``` -------------------------------- ### Update Flux Dependencies Source: https://github.com/livewire/flux/blob/main/README.md Updates the Flux and Flux Pro packages to their latest versions. Regularly running this command ensures you have the most recent features and bug fixes. ```bash composer update livewire/flux livewire/flux-pro ``` -------------------------------- ### Configure Tailwind CSS with Flux Source: https://github.com/livewire/flux/blob/main/README.md Configures Tailwind CSS to include Flux's styles. Add the provided import statements to your `resources/css/app.css` file to ensure Flux components are styled correctly. ```css @import 'tailwindcss'; @import '../../vendor/livewire/flux/dist/flux.css'; @custom-variant dark (&:where(.dark, .dark *)); ``` -------------------------------- ### Configure Inter Font with Tailwind Source: https://github.com/livewire/flux/blob/main/README.md Sets up the Inter font family for use with Tailwind CSS. This involves linking the font in your HTML and configuring the `--font-sans` CSS variable in your `resources/css/app.css`. ```css @import 'tailwindcss'; @import '../../vendor/livewire/flux/dist/flux.css'; @theme { --font-sans: Inter, sans-serif; } ``` -------------------------------- ### Include Flux Assets in Layout Source: https://github.com/livewire/flux/blob/main/README.md Includes the necessary Flux assets in your main Blade layout file. The `@fluxAppearance` directive should be placed within the `` section, and `@fluxScripts` before the closing `` tag. ```html ... @fluxAppearance ... @fluxScripts ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.