### Installing Blade Ant Design Icons Package - Bash Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/README.md This command installs the `codeat3/blade-ant-design-icons` package using Composer. It adds the package as a dependency to your Laravel project, making Ant Design Icons available for use in Blade views. ```bash composer require codeat3/blade-ant-design-icons ``` -------------------------------- ### Clearing View Cache (PHP Artisan) Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/UPGRADE.md This command clears the compiled view files cache, which is a general step recommended after any update to ensure the application uses the latest view templates. ```bash php artisan view:clear ``` -------------------------------- ### Referencing Raw Icons in Blade (HTML/Blade) Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/UPGRADE.md This Blade snippet demonstrates the new way to reference the re-published raw SVG icons within an HTML '' tag. It uses Laravel's 'asset()' helper to generate the correct public path to the icon. ```blade ``` -------------------------------- ### Re-publishing Raw Icons (PHP Artisan) Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/UPGRADE.md This command re-publishes the raw SVG icons from the Blade Ant Design Icons package to the 'vendor' directory, necessary if you were previously using raw exported icons and need to update them. The '--force' flag overwrites existing files. ```bash php artisan vendor:publish --tag=blade-ant-design-icons --force ``` -------------------------------- ### Using Ant Design Icon with Custom Classes - Blade Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/README.md This Blade component example demonstrates how to apply custom CSS classes to an Ant Design icon. The specified Tailwind CSS classes `w-6 h-6 text-gray-500` will be applied directly to the rendered SVG element. ```blade ``` -------------------------------- ### Publishing Raw Ant Design SVG Icons - PHP Artisan Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/README.md This Artisan command publishes the raw SVG icon files from the `blade-ant-design-icons` package to your application's `public/vendor` directory. The `--force` flag ensures existing files are overwritten, making them accessible as static assets. ```bash php artisan vendor:publish --tag=blade-ant-design-icons --force ``` -------------------------------- ### Publishing Blade Ant Design Icons Configuration - PHP Artisan Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/README.md This Artisan command publishes the `blade-ant-design-icons.php` configuration file to your application's `config` directory. This allows customization of Blade Icons features such as default classes and attributes for Ant Design Icons. ```bash php artisan vendor:publish --tag=blade-ant-design-icons-config ``` -------------------------------- ### Using Published Raw Ant Design SVG Icon as Image Asset - Blade Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/README.md This Blade snippet demonstrates how to link to a published raw Ant Design SVG icon using Laravel's `asset()` helper. The icon is treated as a standard image, allowing control over attributes like `width` and `height`. ```blade ``` -------------------------------- ### Using Ant Design Icon as Self-Closing Blade Component - Blade Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/README.md This Blade component syntax renders the 'api' Ant Design icon as an SVG. It's the simplest way to include an icon in your view, automatically compiling to the corresponding SVG. ```blade ``` -------------------------------- ### Using Ant Design Icon with Inline Styles - Blade Source: https://github.com/codeat3/blade-ant-design-icons/blob/main/README.md This Blade component shows how to apply inline CSS styles to an Ant Design icon. The `style` attribute will be directly added to the rendered SVG, allowing for specific styling like `color: #555`. ```blade ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.