Download the PHP package mountainclans/livewire-ui without Composer
On this page you can find all versions of the php package mountainclans/livewire-ui. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download mountainclans/livewire-ui
More information about mountainclans/livewire-ui
Files in mountainclans/livewire-ui
Package livewire-ui
Short Description Set of UI components for Livewire 3
License MIT
Homepage https://github.com/mountainclans/livewire-ui
Informations about the package livewire-ui
Set of UI components for Livewire 3
Установка
Установите пакет при помощи Composer:
Обратите внимание, что для корректной стилизации в вашем проекте должен использоваться TailwindCSS.
Добавьте в tailwind.config.js
в секцию content
:
Опционально, вы можете опубликовать views
для их переопределения:
Использование
Form
Атрибут wire:submit
обязателен для корректной работы формы.
id
рекомендуется.
Атрибуты wire:recaptcha
, class
, indicate-loading
опциональны.
Если установлен :indicate-loading="false"
, форма не будет "мигать" при ajax-запросах.
Форма поддерживает обработку ошибок при использовании пакета Livewire Recaptcha.
Использование представленных ниже компонентов НЕ требует обязательного использования компонента <form>
!
Input
Компонент может использоваться в качестве \
Атрибут type
может принимать любые варианты, доступные для обычного html-инпута. Опционально, вы можете передать type="textarea"
для того, чтобы вместо input`а рендерился тег textarea.
Атрибут offset-class
задаёт класс для обёртки компонента.
Если вы не передадите name
или id
, они будут автоматически сгенерированы на основе wire:model
.
Также атрибуты prefix
, placeholder
, offset-class
опциональны.
Рендер ошибок выполняется автоматически.
Multiselect
wire:key
опционален.
В примере используется запись значений в массив modelArray
.
Radio
В примере wire:model.live.debounce
, но использовать можно и просто через wire:model
.
Toggle
Атрибуты wire:model
, label
обязательны.
Атрибут vertical
со значением true
меняет внешний вид компонента, располагая лейбл и переключатель вертикально.
Submit Button
Кнопка визуализирует процесс отправки формы.
Modal
Атрибуты size
, title
опциональны.
Confirm delete
Модальное окно с запросом подтверждения выполнения действия. Чаще всего используется при удалении записей.
Для использования в родительском компоненте нужно задать bool-атрибут и передать его имя в prop control-attribute
. В момент необходимости показа данного окна установить этот контрольный атрибут в true.
Form tabs
DEPRECATED
, вместо этого компонента используйте пакет от Spatie.
Добавляет визуальные "вкладки", среди которых представлены нужные компоненты. Текущая страница будет подсвечена.
Внимание! Данный компонент не занимается менеджментом переходов между вкладками.
В родительском компоненте:
Авторы
- Vladimir Bajenov
- Themesberg Flowbite - этот пакет использует вёрстку базовых компонентов из Flowbite
- All Contributors
License
The MIT License (MIT). Please see License File for more information.
All versions of livewire-ui with dependencies
spatie/laravel-package-tools Version ^1.16
illuminate/contracts Version ^10.0||^11.0||^12.0
livewire/livewire Version ^3.0