Download the PHP package leuverink/blade-shape-divider without Composer
On this page you can find all versions of the php package leuverink/blade-shape-divider. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download leuverink/blade-shape-divider
More information about leuverink/blade-shape-divider
Files in leuverink/blade-shape-divider
Package blade-shape-divider
Short Description A blade component port of shapedivider.app
License MIT
Homepage https://github.com/gwleuverink/blade-shape-divider
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package blade-shape-divider
Blade shape divider
A complete port of shapedivider.app for Laravel Blade
Installation
Laravel 7.0 or higher is required. You can install the package via composer:
Usage
Just like the original, this component needs to be in a container with position: relative in order to work properly.
Customization
Head over to shapedivider.app and create a shape you like. Settings can be passed as props. When you're happy with the shape divider you created, simply copy over it's settings like the example below.
You may use any of these divider shapes:
waves, waves-opacity, curve, curve-asymmetrical, triangle, triangle-asymmetrical, tilt, arrow, split & book
Changing divider color
You may pass any valid color code as the fill prop. By default the fill is set to currentColor, which means the divider inherits the current font color by default. If you want to use a css class to provide the fill color you may do so:
Prop defaults
| Component props have the following defaults. If your shape uses any of the defaults they don't have to be passed as props. | name | type | default | available options | example value |
|---|---|---|---|---|---|
| shape | string | null (required) |
waves, waves-opacity, curve, curve-asymmetrical, triangle, triangle-asymmetrical, tilt, arrow, split & book | shape="waves" |
|
| fill | string |
currentColor |
Accepts any valid color code. Inherits font color by default | fill="rgba(255, 138, 0, 0.7)" |
|
| flip | boolean | false |
true\|false |
:flip="true" |
|
| invert | boolean | false |
true\|false |
:invert="true" |
|
| position | string | top |
top\|bottom |
position="bottom" |
|
| height | string | 150px |
- | height="200px" |
|
| width | string | 100% |
- | width="260%" |
Changelog
Please see CHANGELOG for more information what has changed recently.
Contributing
This port should be pretty much complete. Any new features not available in the original shapedivider.app fall outside the scope of this project and will not be merged. Improvements to the API & bugfixes are very welcome :) Please see CONTRIBUTING for details.
Security
If you discover any security related issues, please email [email protected] instead of using the issue tracker.
Credits
- True Style Design (creators of shapedivider.app)
- Willem Leuverink
- All Contributors
License
The MIT License (MIT). Please see License File for more information.
