Blade Academicons

https://github.com/codeat3/blade-academicons
Admin
A package that simplifies the integration of Academicons into Laravel Blade views, providing...
Tokens:761
Snippets:10
Trust Score:6.5
License:MIT
Update:1 year ago
Show doc for...
Tokens:
Raw
### Installing Blade Academicons via Composer

Source: https://github.com/codeat3/blade-academicons/blob/main/README.md

This command installs the `codeat3/blade-academicons` package into your Laravel project using Composer. It adds the necessary dependencies to your `composer.json` file and downloads the package.

```bash
composer require codeat3/blade-academicons
```

--------------------------------

### Applying Classes to Blade Academicons

Source: https://github.com/codeat3/blade-academicons/blob/main/README.md

This example demonstrates how to pass CSS classes to a Blade Academicons component. The provided classes (`w-6 h-6 text-gray-500`) will be applied directly to the rendered SVG icon, allowing for styling with frameworks like Tailwind CSS.

```blade
<x-academicon-zotero class="w-6 h-6 text-gray-500"/>
```

--------------------------------

### Re-publishing Blade Academicons Raw Assets (Bash)

Source: https://github.com/codeat3/blade-academicons/blob/main/UPGRADE.md

This command publishes the raw SVG icon assets for the Blade Academicons package to the public directory, forcing an overwrite. It is required when upgrading from the original Blade Icons package if raw icons were previously used.

```bash
php artisan vendor:publish --tag=blade-academicons --force
```

--------------------------------

### Clearing Laravel View Cache (Bash)

Source: https://github.com/codeat3/blade-academicons/blob/main/UPGRADE.md

This command clears the compiled Blade view files in a Laravel application. It's a crucial general step for any package update to ensure that the application uses the latest template changes.

```bash
php artisan view:clear
```

--------------------------------

### Referencing Blade Academicons SVG Asset (Blade)

Source: https://github.com/codeat3/blade-academicons/blob/main/UPGRADE.md

This Blade snippet illustrates the updated method for referencing raw SVG icons provided by the Blade Academicons package. It uses the Laravel `asset()` helper to correctly link to the published SVG file, ensuring proper display in HTML.

```blade
<img src="{{ asset('vendor/blade-academicons/zotero.svg') }}" width="10" height="10"/>
```

--------------------------------

### Publishing Blade Academicons Configuration

Source: https://github.com/codeat3/blade-academicons/blob/main/README.md

This Artisan command publishes the `blade-academicons.php` configuration file to your application's `config` directory. This allows you to customize features like default classes and attributes for the icons, leveraging Blade Icons' capabilities.

```bash
php artisan vendor:publish --tag=blade-academicons-config
```

--------------------------------

### Publishing Raw Blade Academicons SVGs

Source: https://github.com/codeat3/blade-academicons/blob/main/README.md

This Artisan command publishes the raw SVG icon files from the `blade-academicons` 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-academicons --force
```

--------------------------------

### Embedding Raw Blade Academicons SVGs

Source: https://github.com/codeat3/blade-academicons/blob/main/README.md

This Blade snippet demonstrates how to embed a published raw SVG icon using an `<img>` tag. The `asset()` helper generates the correct URL to the SVG file located in the `vendor/blade-academicons` directory, allowing direct image usage.

```blade
<img src="{{ asset('vendor/blade-academicons/zotero.svg') }}" width="10" height="10"/>
```

--------------------------------

### Using a Blade Academicons Component

Source: https://github.com/codeat3/blade-academicons/blob/main/README.md

This Blade component renders the 'zotero' icon as an SVG. It's a self-closing component that will be compiled into the corresponding SVG icon in your Laravel view.

```blade
<x-academicon-zotero/>
```

--------------------------------

### Applying Inline Styles to Blade Academicons

Source: https://github.com/codeat3/blade-academicons/blob/main/README.md

This snippet shows how to apply inline CSS styles to a Blade Academicons component. The `style` attribute's value will be directly added to the rendered SVG, enabling specific styling without external stylesheets.

```blade
<x-academicon-zotero style="color: #555"/>
```
Tokens:
Raw