Download the PHP package daikazu/filament-size-visualizer-field without Composer
On this page you can find all versions of the php package daikazu/filament-size-visualizer-field. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download daikazu/filament-size-visualizer-field
More information about daikazu/filament-size-visualizer-field
Files in daikazu/filament-size-visualizer-field
Package filament-size-visualizer-field
Short Description This is my package filament-size-visualizer-field
License MIT
Homepage https://github.com/daikazu/filament-size-visualizer-field
Informations about the package filament-size-visualizer-field
Size Visualizer Field for FilamentPHP
This repository contains a custom size visualizer component for FilamentPHP. It dynamically renders and resizes a visual comparison between a selected product size and a static object (e.g., a coin) on an interactive grid
Installation
You can install the package via composer:
You can publish the views using
Usage
Available Properties
Property | Type | Description | Default Value |
---|---|---|---|
size |
number |
The height of the canvas. | 1080 |
sizeText |
string |
Text to append to display size | Inches |
padding |
number |
Padding around the canvas grid. | 50 |
dynamicObjectImage |
string |
URL of the dynamic object image (e.g., product). | '' (empty string) |
staticObjectSize |
number |
Size of the static object in the visualizer. | 0.955 |
staticObjectImage |
string |
URL of the static object image (e.g., coin). | '' (empty string) |
fontFamily |
string |
Font family for text elements on the canvas. | Arial |
backgroundColor |
string |
Background color of the canvas. | #DFE1E6 |
gridLineColor |
string |
Color of the main grid lines (inch markers). | rgba(0, 0, 0, 0.25) |
halfGridLineColor |
string |
Color of the half-inch grid lines. | rgba(0, 0, 0, 0.20) |
patternGridColor |
string |
Color used in the pattern overlay. | rgba(100, 100, 255, .50) |
showStaticObject |
boolean |
Whether to show the static object on the canvas. | true |
Style Customization
You style the canvas wrapper by targeting the .filament-size-visualizer
class.
Example:
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
- Mike Wall
- All Contributors
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-size-visualizer-field with dependencies
filament/forms Version ^3.2
filament/support Version ^3.2
illuminate/contracts Version ^10.0||^11.0||^12.0
spatie/laravel-package-tools Version ^1.16