Download the PHP package leapt/slug-type-bundle without Composer
On this page you can find all versions of the php package leapt/slug-type-bundle. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download leapt/slug-type-bundle
More information about leapt/slug-type-bundle
Files in leapt/slug-type-bundle
Package slug-type-bundle
Short Description Leapt SlugType bundle makes a form field dynamically generate the slug of another text field.
License MIT
Homepage https://github.com/leapt/slug-type-bundle
Informations about the package slug-type-bundle
Leapt SlugType bundle
Leapt SlugType bundle makes a form field dynamically generate the slug based on the content of another text field.
Requirements
- PHP ^8.2
- Symfony ^6.4 or ^7.0
- Webpack Encore & Stimulus bridge already present in your project
Installation
Then, in your Twig configuration, add the form theme you want to apply:
There are currently 3 form themes available:
@LeaptSlugType/basic_layout.html.twig
@LeaptSlugType/bootstrap4_layout.html.twig
@LeaptSlugType/bootstrap5_layout.html.twig
Usage
In your form type, use the SlugType
on the field that will handle the slug, and give it a target
option that will be
used to generate the slug:
By default, for Bootstrap 4 & 5 themes, a btn-secondary
class is applied to the lock button. You can change it
by using the button_class
option for any form theme:
You can also customize the locked & unlocked icons. By default, it uses emojis, but if you use e.g. FontAwesome you can override it:
Customizing the design
The bundle provides a default stylesheet in order to add a gray background to the readonly input. You can disable it to add your own design if you wish.
In assets/controllers.json
, disable the default stylesheet by switching the @leapt/slug-type-bundle/dist/style.css
autoimport to false
:
Note: you should put the value to false and not remove the line so that Symfony Flex won't try to add the line again in the future.
Once done, the default stylesheet won’t be used anymore, and you can implement your own CSS on top of the input.
Contributing
Feel free to contribute, like sending pull requests to add features/tests or creating issues :)
Note there are a few helpers to maintain code quality, that you can run using these commands:
All versions of slug-type-bundle with dependencies
symfony/form Version ^6.4 || ^7.0
symfony/http-kernel Version ^6.4 || ^7.0
symfony/stimulus-bundle Version ^2.9
symfony/translation Version ^6.4 || ^7.0