Ability to use this package outside of filament admin panel #10
Replies: 3 comments 1 reply
-
|
I have plans for this package to work outside the filament admin in version 2. Therefore, you need to integrate the asset files that the package uses into the system yourself. The filament admin does this. I think it will be enough to implement only asset files in your system. |
Beta Was this translation helpful? Give feedback.
-
|
any idea how to do that? |
Beta Was this translation helpful? Give feedback.
-
|
In the real life, I needed the phone input in some cases. So I just move the Here is an example to usage it outside from Filament:
import "./bootstrap";
import Alpine from "alpinejs";
import "../../vendor/ysfkaya/filament-phone-input/dist/intl-tel-input/utils";
import "../../vendor/ysfkaya/filament-phone-input/dist/js/filament-phone-input";
import "../../vendor/ysfkaya/filament-phone-input/dist/css/intl-tel-input.css";
import "../../vendor/ysfkaya/filament-phone-input/dist/css/filament-phone-input.css";
Alpine.plugin(Alert);
window.Alpine = Alpine;
Alpine.start();
<div wire:ignore.self class="w-full">
<input type="tel" @class([
'...',
'border border-monza-500' => $errors->has('form.phone'),
]) x-data="phoneInputFormComponent({
getInputTelOptionsUsing: () => ({
geoIpLookup: 'ipinfo',
initialCountry: 'auto',
inputNumberFormat: 'E164',
displayNumberFormat: 'NATIONAL'
}),
state: $wire.entangle('form.phone').defer,
})">
</div>As you see I don't use the I'm thinking new way to usage with
<body>
....
@phoneInputScripts
</body>That's it. Maybe in |
Beta Was this translation helpful? Give feedback.
-
|
You can find an example about it here in |
Beta Was this translation helpful? Give feedback.
-
I keep getting errors in my console when I try to use it outside of filament
Beta Was this translation helpful? Give feedback.
All reactions