teepluss / component
Component is used to separate small parts from the main view and still works perfectly.
Requires
- php: >=5.4.0
- illuminate/support: >=5.0.1
This package is not auto-updated.
Last update: 2024-10-26 18:11:49 UTC
README
Component is used to separate small parts from the main view and still works perfectly.
Installation
Composer
To get the latest version of Theme simply require it in your composer.json
file.
"teepluss/component": "dev-master"
You'll then need to run composer update
to download it and have the autoloader updated.
Laravel
In your config/app.php
add 'Teepluss\Component\ComponentServiceProvider'
to the end of the providers
array:
'providers' => [ ... 'Teepluss\Component\ComponentServiceProvider', ]
Publish Configuration
php artisan vendor:publish --provider="Teepluss\Component\ComponentServiceProvider"
Usage
Create a Component
Using artisan CLI to create a component, then you can found your component into app/Components
.
php artisan component:make LiveChatBox
The command will generate a structure like this:
root |- app |--- Components |----- LiveChatbox |------- assets |--------- css |------------ style.css |--------- img |--------- js |------------ script.js |------- lang |--------- en |------------ messages.php |------- views |--------- index.blade.php |------- LiveChatbox.php |----- gulp.js
Render a component.
{!! component()->uses('LiveChatBox', ['args' => '1'])->render() !!}
Working with assets.
Install gulp
npm install gulp
Using gulp to publish component assets.
$ cd app/Components/
$ gulp
$ gulp watch
Render all component scripts and styles from the main layout
// Display component scripts and styles. {!! component()->scripts() !!} {!! component()->styles() !!} // Locate to asset path. {!! component()->uses('LiveChatBox')->asset('img/someimage.png') !!}
Translation
{!! component()->trans('message') !!}
Support or Contact
If you have some problem, Contact teepluss@gmail.com