laravel-materialize-css

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

laravel-materialize-css

(★ 45)

Materialize CSS Framework for Laravel 5

laravel-materialize-css Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# laravel-materialize-css
Materialize CSS Framework for Laravel 5 [http://materializecss.com/]

## Installation

* Require this package in your composer.json and run composer update.
```
    "skydiver/laravel-materialize-css": "dev-master"
```

* After updating composer, add ServiceProvider to the providers array in config/app.php
```php
    Skydiver\LaravelMaterializeCSS\MaterializeCSSServiceProvider::class,
```

* Add Facade to the aliases array in config/app.php
```php
	'MaterializeCSS' => Skydiver\LaravelMaterializeCSS\MaterializeCSS::class,
```

*  Then publish the package's assets to public folder:
```
    $ php artisan vendor:publish --tag=materializecss --force
```

## Updates
You can re-publish the assets automatically when composer updated the package:

* In your composer.json, go to **scripts** > **post-update-cmd** section, add the next line:
```
    "php artisan vendor:publish --tag=materializecss --force"
```

* The code will look similar to:
```
    "post-update-cmd": [
        "php artisan optimize",
        "php artisan vendor:publish --tag=materializecss --force"
    ],
```

## Usage

There are differents methods to include Materialize CSS assets:

* **include_full()**
```php
    {!! MaterializeCSS::include_full() !!}
```
```html
    <link rel="stylesheet" charset="utf-8" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" charset="utf-8" href="http://yourdomain.com/materialize-css/css/materialize.min.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
    <script type="text/javascript" src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>
```

* **include_all()**
```php
    {!! MaterializeCSS::include_all() !!}
```
```html
    <link rel="stylesheet" charset="utf-8" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" charset="utf-8" href="http://yourdomain.com/materialize-css/css/materialize.min.css">
    <script type="text/javascript" src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>
```

* **include_css()**
```php
    {!! MaterializeCSS::include_css() !!}
```
```html
    <link rel="stylesheet" charset="utf-8" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" charset="utf-8" href="http://yourdomain.com/materialize-css/css/materialize.min.css">
```

* **include_js()**
```php
    {!! MaterializeCSS::include_js() !!}
```
```html
    <script src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>
```

* **include_secure_css()**
```php
    {!! MaterializeCSS::include_secure_css() !!}
```
```html
    <link rel="stylesheet" href="https://yourdomain.com/materialize-css/css/materialize.min.css">
```

* **include_secure_js()**
```php
    {!! MaterializeCSS::include_secure_js() !!}
```
```html
    <script type="text/javascript" src="http://yourdomain.com/materialize-css/js/materialize.min.js"></script>
```

* **get_url_css($full=false, $secure=false)**
```php
    {!! MaterializeCSS::get_url_css() !!}
    {!! MaterializeCSS::get_url_css(true, false) !!}
    {!! MaterializeCSS::get_url_css(false, true) !!}
    {!! MaterializeCSS::get_url_css(true, true) !!}
```
```html
    /materialize-css/css/materialize.min.css
    http://yourdomain.com/materialize-css/css/materialize.min.css
    /materialize-css/css/materialize.min.css
    https://yourdomain.com/materialize-css/css/materialize.min.css
```

* **get_url_js($full=false, $secure=false)**
```php
    {!! MaterializeCSS::get_url_js() !!}
    {!! MaterializeCSS::get_url_js(true, false) !!}
    {!! MaterializeCSS::get_url_js(false, true) !!}
    {!! MaterializeCSS::get_url_js(true, true) !!}
```
```html
    /materialize-css/js/materialize.min.js
    http://yourdomain.com/materialize-css/js/materialize.min.js
    /materialize-css/js/materialize.min.js
    https://yourdomain.com/materialize-css/js/materialize.min.js
```

laravel-materialize-css

laravel-materialize-css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

laravel-materialize-css

laravel-materialize-css Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README