1.2.2 • Published 6 years ago
project-components v1.2.2
Project components
Page to add the new components created in your web project! Indicated for projects with Bootstrap 4.
Install
Install the component using npm:
$ npm install project-components --saveUsage
Include the CSS/JS:
<link rel="stylesheet" href="/assets/docs.min.css">
<script src="/assets/docs.min.js"></script>Adds docs.min.js before the tag </body>.
Copy the images of /img folder.
Dependencies
Include the libs:
Branches organization
In Laravel
Tree:
|
├── docs/
| └── components/
| ├── btns.blade.php
| └── ...
| ├── master.blade.php
|Route
Include in routes/web.php:
Route::view('/components', 'docs/master');Example
- Adds a new component in docs/components/
<div class="component-box">
<i class="icon-show-code ev-show-code" data-toggle="tooltip" data-placement="top" title="Code"></i>
<div class="component-item">
<!-- Component code -->
</div>
<div class="code-block">
<pre class="language-markup"><code><!-- Component code preview --></code></pre>
<button type="button" class="btn btn-sm btn-primary btn-copy">Copy</button>
</div>
</div>Note: Don't remove <!-- --> in <code></code>.
- Include the new component in docs/master.blade.php
<body class="components-group">
<h3>Project <small class="text-muted">components</small></h3>
@include('docs/components/btns')
</body>