Getting Started
Material Blade is a simple package that provides the beautifulness of Material Design components as Laravel Blade components . Material Blade aims to make UI/UX development of your Laravel app faster, inspired by MUI (Material UI) .
// from this
<button class="mdc-button">
<span class="mdc-button__ripple"></span>
<span class="mdc-button__label">
This is a Button
</span>
</button>
// to this
<x-mbc::button label="This is a Button"/>General knowledge of Laravel and Blade components i'ts required for using this package. However, the fully understand about this feature is helpful for optimizing the usages of this package. If you never heard about Laravel Blade components , it is a good start to understand it and plays with Material Blade package.
Warning
This package is still in development. The components and features are limited and may not be suitable for production use.
Installation
Material Blade is available on Packagist . You can install it via Composer by running the following command in your Laravel project:
composer require sensasi-delight/material-blade
After installing the Material Blade package, you can start using the components by including the
<x-mbc::_assets /> component in your Blade layout file. This component will include the
Material
Components
Web CSS and JavaScript files.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Material Blade Example</title>
<!-- Material Blade required assets -->
<x-mbc::_assets />
</head>
<body>
<!-- this is Material Blade component -->
<x-mbc::button label="This is a Button"/>
</body>
</html>You should now be able to use Material Blade components in your Laravel Blade views.
Contributing
If you would like to contribute to this project, please read the CONTRIBUTING.md file.
License
Material Blade is open-source software licensed under the MIT license .
Contact
If you have any questions or suggestions, please feel free to contact me at zainadam@gmail.com .
You can also submit new issue on GitHub .