Livewire UI components with tailwind base style

WireUi

Last update: Jan 2, 2023

Related tags

Laravel php laravel ui hacktoberfest livewire tailwindcss blade-components livewire-components hacktoberfest2021

Overview

WireUI

📚 Documentation

Wire UI is a library of components and resources to empower your Laravel and Livewire application development.

Starting a new project with Livewire can be time-consuming when you have to create all the components from scratch. Wire UI helps to skip this step and get you straight to the development phase.

If you are looking for the version with support to tailwind v2, please check out Support Tailwind v2

🔥 You get with Wire UI:

Form and UI components
Notifications
Confirmation notifications
All Heroicons

🌱 Wire UI is in active development. Track all changes in the project Changelog.

🚀 Get Started

Please visit our Get Started page for requirements and a step-by-step installation guide.

📣 Follow the author

Stay informed about WireUI, follow @ph7jack on Twitter.

There will you see all the latest news about features, ideas, discussions and more...

💡 Philosophy

WireUI is and will always be FREE to anyone who would like to use it.

This project is created Pedro Henrique, and it is maintained by the author with the help of the community.

All contributions are welcome!

License

MIT

Comments

Select Component options detected as null

Options has value like previously on other versions was working.

Upon update options on dropdown is not rendering and errors occur like it said. "Uncaught TypeError: Cannot convert undefined or null to object"

Laravel 9 Latest WireUi

opened by allanpusta13 24
Returning rendered blade component causes file_exists to fail on some systems

Describe the bug I get this error on my production server ( and only on production )

file_exists(): File name is longer than the maximum allowed path length on this platform (4096): /var/www/vhosts/********************/resources/views/<div class="relative" x-data="{ localeDateConfig: {}, config: { interval: 10, is12H: true, readonly: false, disabled: false, }, withoutTimezone: false, timezone: 'UTC', userTimezone: '', ... As shown above, it seems like the view content is treated as a file name for some reason.

After digging around (for days) I found the exact same issue here and I found other packages which had and fixed the issue here.

I think and hope you can find better details about the issue in the provided links. Never the less, please let me know if you need further information about the issue.
bug

opened by Reex11 23

Uncaught TypeError: Cannot read properties of undefined (reading 'api')

Describe the bug I put a select inside a modal (wire-elements/modal), but on loading the modal, in the console AlpineJS triggers an error:


scripts:2 Uncaught TypeError: Cannot read properties of undefined (reading 'api')
    at Proxy.syncProps (scripts:2:43459)
    at Proxy.init (scripts:2:40393)
    at app.js:471:23
    at evaluate (app.js:448:32)
    at app.js:2606:27
    at Function.<anonymous> (app.js:1166:55)
    at flushHandlers (app.js:560:46)
    at stopDeferring (app.js:565:5)
    at deferHandlingDirectives (app.js:568:3)
    at initTree (app.js:778:3)
    
Here the select:

<x-select
                    label="Utenti"
                    placeholder="Utenti assegnati"
                    :options="$users"
                    option-label="name"
                    option-value="id"
                    multiple="true"
                    wire:model.defer="sel_users"
                />

To Reproduce Steps to reproduce the behavior: Can't open the select. Single errror: Uncaught TypeError: Cannot read properties of undefined (reading 'api')

Expected behavior Open the modal.

Screenshots

Desktop (please complete the following information):

OS: Microsoft Windows 11 Pro - 10.0.22000 build 22000 Browser: Google Chrome Version 102.0.5005.115 Smartphone (please complete the following information):

None Additional context

None

third party bug

opened by Piket564 20

Currency input "input is not defined"

Hi, I'm using Currency Input and getting a bug with it. This is my code:

`

` Both inputs are connected to item.price shows 'undefined' and works fine.
Not a big problem but this should work isn't it? I have updated all dependencies to the last ones:

laravel/framework v8.79.0 livewire/livewire v2.9.0 wireui/wireui v0.15.0

"alpinejs": "^3.8",
bug

opened by jcerdan 20

Select with search not working - stuck as if it's not using js

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior: Within a modal created a field with <x-select

Expected behavior For the dropdown to be collapsed.

Screenshots

Desktop (please complete the following information):

OS: MacOS
Browser Chrome, Firefox
Version [e.g. 22]

Additional context Blade

       <div>
                    <x-select label="Select Template" placeholder="Select one template" wire:model.defer="editing.template">
                        @foreach (App\Models\Page::TEMPLATES as $value => $label)
                            <x-select.option label="{{ $label }}" value="{{ $value }}" />
                        @endforeach
                    </x-select>
       </div>

Layout

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="{{ csrf_token() }}">
        
        <title>{{ config('app.name', 'Laravel') }}</title>
        
        <!-- Fonts -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
        
        <!-- Styles -->
        @wireUiStyles
        <link rel="stylesheet" href="{{ mix('css/app.css') }}">

        @livewireStyles

        <!-- Scripts -->
        @wireUiScripts
        <script src="{{ mix('js/app.js') }}" defer></script>
    </head>

Tailwind Config

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
    mode: 'jit',
    presets: [
        require('./vendor/ph7jack/wireui/tailwind.config.js')
    ],
    purge: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './vendor/ph7jack/wireui/resources/**/*.blade.php',
        './vendor/ph7jack/wireui/ts/**/*.ts',
        './vendor/ph7jack/wireui/src/View/**/*.php'
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
};

bug

opened by neo-arch 18

Vite always reloading files on page with "x-select"

Hello, i have problem.

When I add the "<x-select" option to my blade (in livewire), vite reloads all of them. Using "<x-native-select" everything works fine.

ss1

My composer.json.

    "require": {
        "php": "^8.0.2",
        "guzzlehttp/guzzle": "^7.2",
        "laravel/framework": "^9.19",
        "laravel/jetstream": "^2.10",
        "laravel/sanctum": "^2.14.1",
        "laravel/tinker": "^2.7",
        "livewire/livewire": "^2.5",
        "power-components/livewire-powergrid": "^3.2",
        "psr/simple-cache": "1.0",
        "wireui/wireui": "^1.13"
    },

Thanks for working on this project - good job.

opened by LaMance22 16

Select component icon error

When adding the component select in a livewire view, it returns this error: Typed property WireUi\View\Components\Icon::$style must be string, null used (View: C:\xampp\htdocs\Projetos\teste.com.br\resources\views\vendor\wireui\components\select.blade.php). Unknown Property Did you mean WireUi\View\Components\Icon::$style ?

<x-select
    label="Select Relator"
    placeholder="Select relator"
    wire:model.defer="model"
>
    <x-select.user-option img="https://via.placeholder.com/500" label="People 1" value="1" />
    <x-select.user-option img="https://via.placeholder.com/500" label="People 2" value="2" />
    <x-select.user-option img="https://via.placeholder.com/500" label="People 3" value="3" />
    <x-select.user-option img="https://via.placeholder.com/500" label="People 4" value="4" />
</x-select>

opened by carloslopes34 15

WireUI don't work with Chrome < v.80 on Android

Wireui don't work with chrome browser on android.

If you try to load the page you have an error: VM28:71 Uncaught SyntaxError: Unexpected token '.' also on documentation page https://livewire-wireui.com/docs/get-started
browser support

opened by trippo 14

Undefined variable $_instance

After I add currency input I get:

ErrorException
Undefined variable $_instance (View: C:\xampp\htdocs\noyan-io\resources\views\vendor\wireui\components\inputs\currency.blade.php)

currency input code:

                        <x-inputs.currency
                            label="Currency"
                            placeholder="Currency"
                            icon="currency-dollar"
                            thousands="."
                            decimal=","
                            precision="4"
                            wire:model="currency"
                        />

bug

opened by aliqasemzadeh 14

Select don't display correctly

In my laravel shopper package that uses wireui components, I have a problem with select on almost all forms. I copy and paste a code example on the doc but the result is not the same. And I have no error in console but I can't select a value using select input

The option option-description is false by default but every time on all select it is displayed.

Since I'm in a package I don't know if I need to add a specific config for it to work properly. Because it is with this new api that I noticed this problem. Before everything was working correctly

Thanks.

opened by mckenziearts 13
Overllapping Values in Select

Describe the bug I updated the wire UI with my latest Laravel 9 and PHP 8 but when I am using select, while showing the selected value, as option-label, it overlaps with its option-value which doesn't look good. I know I might be missing something but what, I literally have no idea. Can anybody help please?

Expected behaviour Like earlier versions, when I select a value, it should only show "option-label" and "option-description".

Screenshots Before selecting any value:

After selecting a value: You can see the id which is "option-value" is showing in the background.

opened by itsvivek-in 13
bugfix: x-select options do not refresh
Slot-provided and attribute-provided options passed to Select (<x-select />) may fail to refresh/redraw if more than one of Select's properties is updated during Livewire's lifecycle.

Consider the following:

StyleEditor.php

class StyleEditor { public ?Product $product = null; public ?string $selectedOption = null; public ?string $optionValue = null; public function getStyleOptionsProperty() { return collect($this->product->styleOptions) ->pluck('name') ->toArray(); } public function getStyleValueOptionsProperty() { return blank($this->selectedOption) ? [] : collect($this->product->styles) ->firstWhere('name', $this->selectedOption)['options']; } }

style-editor.blade.php

@isset($this->product) <div> <x-select label="Style" :options="$this->styleOptions" wire:model="selectedOption" /> <x-select label="Setting" :options="$this->styleValueOptions" wire:model="optionValue" :disabled="blank($this->selectedOption)"/> </div> @endisset

The mutability of and the options available to the second <x-select> are dependent upon the value mutated by the first <x-select> — selectedOption. When selectedOption changes, Livewire will re-compute the value for styleValueOptions, and the available options in the dependent <x-select> should change. Presently this does not occur.

Changes to the markup can be observed in the inspector, but they are not picked-up by the MutationObserver upon which WireUi depends to reflect changes in AlpineJS. To account for this, mutation-invoked operations should be deferred until the end of the current events cycle — after Livewire and AlpineJS has finished manipulating the DOM. In the PR, I have wrapped the syncJsonOptions() and syncSlotOptions() inside of a setTimeout() to do this. Other methods may be feasible or preferred.

Further, it is necessary to include the option label in the key property of each <li> provided to AlpineJS in the x-for used to display the popover options. When a set of options includes options with index and value parity — but not label parity — AlpineJS will not draw the updated label.

I appreciate your insights and thoughts on these considerations, as well as your ongoing work with WireUi. It is a blessing and gift to Laravel and Livewire.
opened by stephancasas 0
Multiselect disabled clearable behaivor

If clearable is disabled you cant clear single options neither all at once. I would love to see an option to disable only "the clear all" function.
feature request

opened by smaddy 0
Cant close modal or dialog divs and errors
it may not be a problem, it may be I don't understand the error

wireui works fine until close modal opened by close button or outside area click. console log is:

app.d426e523.js:32 Uncaught (in promise) TypeError: R is not a function at app.d426e523.js:32:9023 (anonymous) @ app.d426e523.js:32 Promise.catch (async) (anonymous) @ app.d426e523.js:32 requestAnimationFrame (async) (anonymous) @ app.d426e523.js:32 app.d426e523.js:32 Uncaught (in promise) TypeError: R is not a function at app.d426e523.js:32:9023 (anonymous) @ app.d426e523.js:32 Promise.catch (async) (anonymous) @ app.d426e523.js:32 requestAnimationFrame (async) (anonymous) @ app.d426e523.js:32 app.d426e523.js:32 Uncaught (in promise) {isFromCancelledTransition: true}isFromCancelledTransition: true[[Prototype]]: Object (anonymous) @ app.d426e523.js:32 (anonymous) @ alpinejs:5 (anonymous) @ alpinejs:5 Me @ alpinejs:5 out @ alpinejs:5 (anonymous) @ app.d426e523.js:32 window.Element._x_toggleAndCascadeWithTransitions @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 ii @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 Mm @ app.d426e523.js:28 (anonymous) @ app.d426e523.js:32 i @ app.d426e523.js:32 xm @ app.d426e523.js:28 app.d426e523.js:32 Uncaught (in promise) {isFromCancelledTransition: true} (anonymous) @ app.d426e523.js:32 (anonymous) @ alpinejs:5 (anonymous) @ alpinejs:5 Me @ alpinejs:5 out @ alpinejs:5 (anonymous) @ app.d426e523.js:32 window.Element._x_toggleAndCascadeWithTransitions @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 ii @ app.d426e523.js:32 (anonymous) @ app.d426e523.js:32 Mm @ app.d426e523.js:28 (anonymous) @ app.d426e523.js:32 i @ app.d426e523.js:32 xm @ app.d426e523.js:28 app.d426e523.js:32 Uncaught (in promise) TypeError: R is not a function at app.d426e523.js:32:9023 at async Promise.all (index 3) (anonymous) @ app.d426e523.js:32 Promise.catch (async) (anonymous) @ app.d426e523.js:32 requestAnimationFrame (async) (anonymous) @ app.d426e523.js:32 app.d426e523.js:32 Uncaught (in promise) TypeError: R is not a function at app.d426e523.js:32:9023 (anonymous) @ app.d426e523.js:32 Promise.catch (async) (anonymous) @ app.d426e523.js:32 requestAnimationFrame (async) (anonymous) @ app.d426e523.js:32

LAYOUT:

`<wireui:scripts /> @vite(['resources/css/app.css', 'resources/js/app.js']) @livewireStyles

<div class="min-h-screen bg-gray-100"> @livewire('admin-navigation-menu')  @if (isset($header)) <header class="bg-white shadow"> <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8"> {{ $header }} </div> </header> @endif  <main> {{ $slot }} </main> </div> @stack('modals')
@livewireScripts `
THE CALL IN COMPONENT CLASS:

public function delete($id) { $this->dialog()->confirm([ 'title' => 'Tem certeza disso?', 'description' => 'A conta e todos dados serão excluidos permanentemente?', 'icon' => 'warning', 'accept' => [ 'label' => 'Sim', 'method' => 'sureDelete', 'params' => $id, ], 'reject' => [ 'label' => 'Cancelar', // 'method' => 'cancel', ], ]); }

everything works ok, only when it closes by clicking outside or the "x" button
question
opened by dbiss01 1
Vertically align cornerHint to label base above input

This is a small alignment tweak.

When changing the text size of the input corner hint the vertical misalignment becomes obvious:

After this change the corner hint will be aligned to the base of the label above the input:

opened by fjarrett 0
Select with 50k+ data
Describe the bug Is there a way to limit data to X number and on scroll down load more data. I have 50+ data in the select drop down.

To Reproduce Steps to reproduce the behavior:

Table name project with project_no and project_name field

Seed 50k+ data

With ApiController

public function projects(Request $request): Collection { return Project::query() ->select('id', 'project_no', 'project_name') ->orderBy('project_no') ->when( $request->search, fn(Builder $query) => $query ->where('project_no', 'like', "%{$request->search}%") ->orWhere('project_name', 'like', "%{$request->search}%") ) ->when( $request->exists('selected'), fn (Builder $query) => $query->whereIn('id', $request->input('selected', [])), //fn (Builder $query) => $query->limit(10) ) ->get() ->map(function (Project $project) { return $project; }); }

When i use limit 10, it only showing 10 but i want to render all data from project table. If i'm not using limit query, it show all data but, browser stop working.

Expected behavior limit data to X number (10) and on scrolling select loading more data

Screenshots or Videos

Dependencies

WireUI Version: 1.17.7

Laravel Version: 9.43.0

Alpine.js Version: 3.10.5

Livewire Version: 2.10.7

Lang: en_US

Desktop (If applicable, please complete the following information):

OS: [e.g. iOS]

Browser: chrome

Version 108.0.5359.125 (Build officiel) (64 bits)

feature request
opened by gassema23 1

Releases(v1.17.8)

v1.17.8(Dec 16, 2022)
What's Changed

Refactor the calcutation for counting the minutes by @joaopalopes24 in https://github.com/wireui/wireui/pull/565

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.7...v1.17.8
Source code(tar.gz)
Source code(zip)
v1.17.7(Nov 28, 2022)
What's Changed

Bump loader-utils from 1.4.1 to 1.4.2 by @dependabot in https://github.com/wireui/wireui/pull/535

Hotfix/datepicker-without-time by @PH7-Jack in https://github.com/wireui/wireui/pull/552

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.6...v1.17.7
Source code(tar.gz)
Source code(zip)
v1.17.6(Nov 15, 2022)
What's Changed

Hotfix/time-issues by @PH7-Jack in https://github.com/wireui/wireui/pull/534

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.5...v1.17.6
Source code(tar.gz)
Source code(zip)
v1.17.5(Nov 11, 2022)
What's Changed

498 unable to go to next time input element using tab by @PH7-Jack in https://github.com/wireui/wireui/pull/527

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.4...v1.17.5
Source code(tar.gz)
Source code(zip)
v1.17.4(Nov 10, 2022)
What's Changed

515 confirm dialog buttons can be fired multiple times by @PH7-Jack in https://github.com/wireui/wireui/pull/526

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.3...v1.17.4
Source code(tar.gz)
Source code(zip)
v1.17.3(Nov 10, 2022)
What's Changed

Bump loader-utils from 1.4.0 to 1.4.1 by @dependabot in https://github.com/wireui/wireui/pull/522

Hotfix/datetime-picker by @PH7-Jack in https://github.com/wireui/wireui/pull/525

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.2...v1.17.3
Source code(tar.gz)
Source code(zip)
v1.17.2(Nov 4, 2022)
What's Changed

Feature/new-positioning-system by @PH7-Jack in https://github.com/wireui/wireui/pull/517

by by overflow 💁‍♂️

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.1...v1.17.2
Source code(tar.gz)
Source code(zip)
v1.17.1(Oct 20, 2022)

Fix missing return type https://github.com/wireui/wireui/commit/f82d8472cdb52161c088bc7426a1c0371ea85b31

Full Changelog: https://github.com/wireui/wireui/compare/v1.17.0...v1.17.1
Source code(tar.gz)
Source code(zip)
v1.17.0(Oct 20, 2022)
What's Changed

Adding the Badge Component by @joaopalopes24 in https://github.com/wireui/wireui/pull/477

Added slot to textarea by @modrictin in https://github.com/wireui/wireui/pull/505

Full Changelog: https://github.com/wireui/wireui/compare/v1.16.2...v1.17.0
Source code(tar.gz)
Source code(zip)
v1.16.2(Oct 19, 2022)
What's Changed

added bengali translations by @rochi88 in https://github.com/wireui/wireui/pull/493

Update messages.php by @gereval in https://github.com/wireui/wireui/pull/496

Allow to specify an options json path for the async data of a select by @tommy1005 in https://github.com/wireui/wireui/pull/480

add top padding by @PH7-Jack in https://github.com/wireui/wireui/pull/508

New Contributors

@rochi88 made their first contribution in https://github.com/wireui/wireui/pull/493

@gereval made their first contribution in https://github.com/wireui/wireui/pull/496

Full Changelog: https://github.com/wireui/wireui/compare/v1.16.1...v1.16.2
Source code(tar.gz)
Source code(zip)
v1.16.1(Oct 4, 2022)
What's Changed

Add support for credentials when using async-data by @lucadegasperi in https://github.com/wireui/wireui/pull/476

Hotfix/select options by @PH7-Jack in https://github.com/wireui/wireui/pull/492

New Contributors

@lucadegasperi made their first contribution in https://github.com/wireui/wireui/pull/476

Full Changelog: https://github.com/wireui/wireui/compare/v1.16.0...v1.16.1
Source code(tar.gz)
Source code(zip)
v1.16.0(Oct 1, 2022)
What's Changed

add bahasa lang id by @manusiakemos in https://github.com/wireui/wireui/pull/461

Dialog overflow contains by @trippo in https://github.com/wireui/wireui/pull/463

Make select search visibility configurable via prop by @Alph44rchitect in https://github.com/wireui/wireui/pull/473

Hotfix/issue-470-currency-input by @PH7-Jack in https://github.com/wireui/wireui/pull/489

Fix flaky AlertDialogTest by @tommy1005 in https://github.com/wireui/wireui/pull/481

New Contributors

@manusiakemos made their first contribution in https://github.com/wireui/wireui/pull/461

@tommy1005 made their first contribution in https://github.com/wireui/wireui/pull/481

Full Changelog: https://github.com/wireui/wireui/compare/v1.15.1...v1.16.0
Source code(tar.gz)
Source code(zip)
v1.15.1(Sep 2, 2022)
What's Changed

454 modal not scrollable when contents overflow by @PH7-Jack in https://github.com/wireui/wireui/pull/460

Full Changelog: https://github.com/wireui/wireui/compare/v1.15.0...v1.15.1
Source code(tar.gz)
Source code(zip)
v1.15.0(Aug 28, 2022)
What's Changed

Add Password Input Component by @joaopalopes24 in https://github.com/wireui/wireui/pull/395

Add Input Number Component by @joaopalopes24 in https://github.com/wireui/wireui/pull/414

New Contributors

@joaopalopes24 made their first contribution in https://github.com/wireui/wireui/pull/395

Full Changelog: https://github.com/wireui/wireui/compare/v1.14.3...v1.15.0
Source code(tar.gz)
Source code(zip)
v1.14.3(Aug 18, 2022)
What's Changed

fix text highlight by @PH7-Jack in https://github.com/wireui/wireui/pull/439

Full Changelog: https://github.com/wireui/wireui/compare/v1.14.2...v1.14.3
Source code(tar.gz)
Source code(zip)
v1.14.2(Aug 18, 2022)
What's Changed

Update issue templates by @PH7-Jack in https://github.com/wireui/wireui/pull/437

Hotfix/issue-436-select-route-params by @PH7-Jack in https://github.com/wireui/wireui/pull/438

Full Changelog: https://github.com/wireui/wireui/compare/v1.14.1...v1.14.2
Source code(tar.gz)
Source code(zip)
v1.14.1(Aug 16, 2022)
What's Changed

Feature/issue-433-add-X-Requested-With-header by @PH7-Jack in https://github.com/wireui/wireui/pull/434

Full Changelog: https://github.com/wireui/wireui/compare/v1.14.0...v1.14.1
Source code(tar.gz)
Source code(zip)
v1.14.0(Aug 11, 2022)
What's Changed

Optimize german translation by @Alph44rchitect in https://github.com/wireui/wireui/pull/423

Feature/select-lazy-options by @PH7-Jack in https://github.com/wireui/wireui/pull/425

Fix Select Problem in Mobile by @behvandi11 in https://github.com/wireui/wireui/pull/409

Feature/issue 267 select options by @PH7-Jack in https://github.com/wireui/wireui/pull/431

New Contributors

@Alph44rchitect made their first contribution in https://github.com/wireui/wireui/pull/423

Full Changelog: https://github.com/wireui/wireui/compare/v1.13.3...v1.14.0
Source code(tar.gz)
Source code(zip)
v1.13.3(Jul 29, 2022)
What's Changed

Hotfix/issue-404-get-params by @PH7-Jack in https://github.com/wireui/wireui/pull/408

Full Changelog: https://github.com/wireui/wireui/compare/v1.13.2...v1.13.3
Source code(tar.gz)
Source code(zip)
v1.13.2(Jul 29, 2022)
What's Changed

Hotfix/issue-405-select-option-reactivity by @PH7-Jack in https://github.com/wireui/wireui/pull/407

Full Changelog: https://github.com/wireui/wireui/compare/v1.13.1...v1.13.2
Source code(tar.gz)
Source code(zip)
v1.13.1(Jul 28, 2022)
What's Changed

Fix WireUi Scripts Build Version ID by @behvandi11 in https://github.com/wireui/wireui/pull/403

New Contributors

@behvandi11 made their first contribution in https://github.com/wireui/wireui/pull/403

Full Changelog: https://github.com/wireui/wireui/compare/v1.13.0...v1.13.1
Source code(tar.gz)
Source code(zip)
v1.13.0(Jul 28, 2022)
What's Changed

Added avatars and basic options by @ettiennelouw in https://github.com/wireui/wireui/pull/376

feat: extract card preferences in config by @MltStephane in https://github.com/wireui/wireui/pull/398

build assets before running tests by @PH7-Jack in https://github.com/wireui/wireui/pull/401

Full Changelog: https://github.com/wireui/wireui/compare/v1.12.5...v1.13.0
Source code(tar.gz)
Source code(zip)
v1.12.5(Jul 24, 2022)
What's Changed

Fix select subcomponents not using unique keys by @saulens22 in https://github.com/wireui/wireui/pull/375

Set 6 different positions of the notification by @ettiennelouw in https://github.com/wireui/wireui/pull/379

Create CODE_OF_CONDUCT.md by @PH7-Jack in https://github.com/wireui/wireui/pull/382

Add Vietnamese translation by @takashato in https://github.com/wireui/wireui/pull/387

feat: toggle select options on focus by @MltStephane in https://github.com/wireui/wireui/pull/381

Bump terser from 4.8.0 to 4.8.1 by @dependabot in https://github.com/wireui/wireui/pull/391

hotfix/many-fixes by @PH7-Jack in https://github.com/wireui/wireui/pull/393

New Contributors

@saulens22 made their first contribution in https://github.com/wireui/wireui/pull/375

@takashato made their first contribution in https://github.com/wireui/wireui/pull/387

Full Changelog: https://github.com/wireui/wireui/compare/v1.12.4...v1.12.5
Source code(tar.gz)
Source code(zip)
v1.12.4(Jul 15, 2022)
What's Changed

Hotfix/issue 374 select option by @PH7-Jack in https://github.com/wireui/wireui/pull/380

Full Changelog: https://github.com/wireui/wireui/compare/v1.12.3...v1.12.4
Source code(tar.gz)
Source code(zip)
v1.12.3(Jul 13, 2022)
What's Changed

Fix error with construct params on Dialog component by @trippo in https://github.com/wireui/wireui/pull/371

Full Changelog: https://github.com/wireui/wireui/compare/v1.12.2...v1.12.3
Source code(tar.gz)
Source code(zip)
v1.12.2(Jul 13, 2022)
What's Changed

fix empty attributes by @PH7-Jack in https://github.com/wireui/wireui/pull/370

Full Changelog: https://github.com/wireui/wireui/compare/v1.12.1...v1.12.2
Source code(tar.gz)
Source code(zip)
v1.12.1(Jul 10, 2022)
What's Changed

Hotfix/modal by @PH7-Jack in https://github.com/wireui/wireui/pull/367

Full Changelog: https://github.com/wireui/wireui/compare/v1.12.0...v1.12.1
Source code(tar.gz)
Source code(zip)
v1.12.0(Jul 10, 2022)
What's Changed

Feature/nonce scripts by @PH7-Jack in https://github.com/wireui/wireui/pull/366

Full Changelog: https://github.com/wireui/wireui/compare/v1.11.3...v1.12.0
Source code(tar.gz)
Source code(zip)
v1.11.3(Jul 10, 2022)
What's Changed

Fix popover positioning on non-webkit browsers by @EthosLuke in https://github.com/wireui/wireui/pull/360

Update Modal.php to support 7xl Max width class by @modrictin in https://github.com/wireui/wireui/pull/365

New Contributors

@EthosLuke made their first contribution in https://github.com/wireui/wireui/pull/360

Full Changelog: https://github.com/wireui/wireui/compare/v1.11.2...v1.11.3
Source code(tar.gz)
Source code(zip)
v1.11.2(Jul 8, 2022)
What's Changed

add solid/outline modifiers to icon component by @PH7-Jack in https://github.com/wireui/wireui/pull/357

Hotfix/select-values by @PH7-Jack in https://github.com/wireui/wireui/pull/364

Full Changelog: https://github.com/wireui/wireui/compare/v1.11.1...v1.11.2
Source code(tar.gz)
Source code(zip)

Owner

WireUi

TallStack components

GitHub

Let's base your Laravel project with PROS style

Purpose This library is for convenient methods that use to register code base for Laravel project Target We aimed to reduce complexity for real projec

4 Mar 29, 2022

Base library for repeated layout fields, content builders and other collection components

laravel-flexible-content This package's only purpose is to build custom repeated layout components, such as Laravel Nova's Flexible Content field or y

5 May 31, 2022

Auto generate routes for Laravel Livewire components

livewire-auto-routes Auto generate routes for Laravel Livewire Components. Requirements Livewire 2 Laravel 8 php 8 Installation composer require tanth

19 May 11, 2022

Laravel Livewire (TALL-stack) form generator with realtime validation, file uploads, array fields, blade form input components and more.

TALL-stack form generator Laravel Livewire, Tailwind forms with auto-generated views. Support Contributions Features This is not an admin panel genera

622 Jan 2, 2023

Livewire DataTables components for back-end. Modular, easy to use, with tons of features.

Livewire DataTables Livewire DataTables components for back-end. Modular, easy to use, with tons of features. Inspired by Caleb's Livewire Screencasts

8 Jul 27, 2022

A package for defining scoped styles in Livewire components

4 Aug 29, 2022

Declare routes inside Laravel Livewire components.

Convoy This package allows you to declare routes inside of your full page Laravel Livewire components. All you have to do is create a route method ins

17 Jul 27, 2022

This package allows you to render livewire components like a blade component, giving it attributes, slots etc

X-livewire This package allows you to render livewire components like a blade component, giving it attributes, slots etc. Assuming you wanted to creat

7 Nov 15, 2022

A TALL (Tailwind CSS, Alpine.js, Laravel and Livewire) Preset for Laravel

Laravel TALL Preset A front-end preset for Laravel to scaffold an application using the TALL stack, jumpstarting your application's development. If yo

1.8k Jan 7, 2023

Sweetalert and Toaster notifications for Laravel livewire with support for tailwind and bootstrap.

Larabell Integrate livewire with sweetalert. Installation How to use Sweetalert Toast Available configuration Installation composer require simtabi/la

3 Jul 27, 2022

It's like React for PHP. Powered by Laravel, Livewire, Tailwind, & Alpine.

Tailwire It's like React for PHP. Powered by Laravel, Livewire, Tailwind, & Alpine. Features: Use a custom view component class namespace Declare rout

5 Dec 12, 2021

Aplicación Laravel-Livewire-Tailwind. La aplicación se conecta a APIRest y muestra resultados, búsquedas, historial, Responsive Design

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

0 Feb 10, 2022

Run patches migration style in your Laravel applications.

This package generates patch files in the same fashion Laravel generates migrations. Each file is timestamped with an up and a down method and is asso

44 Sep 9, 2022

Laravel style jquery validation plugin

Validator Laravel style jquery validation plugin Validator is a jQuery plugin that emulates the validation class found in the laravel framework. Usage

5 Aug 31, 2022

A lightweight PHP paginator, for generating pagination controls in the style of Stack Overflow and Flickr.

PHP Paginator A lightweight PHP paginator, for generating pagination controls in the style of Stack Overflow and Flickr. The "first" and "last" page l

370 Dec 21, 2022

A base API controller for Laravel that gives sorting, filtering, eager loading and pagination for your resources

Bruno Introduction A Laravel base controller class and a trait that will enable to add filtering, sorting, eager loading and pagination to your resour

165 Sep 16, 2022

Cagilo - a set of simple components for use in your views Laravel Blade.

Cagilo - a set of simple components for use in your views Laravel Blade. Official Documentation Documentation for Cagilo can be found on its we

151 Dec 6, 2022

Useful blade components and functionality for most Laravel projects.

laravel-base Note: Package is still in early stages of development, so functionality is subject to change. LaravelBase is a package I've created to pr

3 Jan 16, 2022

Blade UI Kit is a set of renderless components to utilise in your Laravel Blade views

Blade UI Kit is a set of renderless components to utilise in your Laravel Blade views. In all essence, it's a collection of useful utilities, connecting the dots between different parts of the TALL stack. It was made for Blade, Laravel's powerful templating engine.

1.2k Jan 5, 2023

Livewire UI components with tailwind base style

Related tags

Overview

WireUI

🚀 Get Started

📣 Follow the author

💡 Philosophy

License

Comments

Releases(v1.17.8)

v1.17.8(Dec 16, 2022)

What's Changed

v1.17.7(Nov 28, 2022)

What's Changed

v1.17.6(Nov 15, 2022)

What's Changed

v1.17.5(Nov 11, 2022)

What's Changed

v1.17.4(Nov 10, 2022)

What's Changed

v1.17.3(Nov 10, 2022)

What's Changed

v1.17.2(Nov 4, 2022)

What's Changed

v1.17.1(Oct 20, 2022)

v1.17.0(Oct 20, 2022)

What's Changed

v1.16.2(Oct 19, 2022)

What's Changed

New Contributors

v1.16.1(Oct 4, 2022)

What's Changed

New Contributors

v1.16.0(Oct 1, 2022)

What's Changed

New Contributors

v1.15.1(Sep 2, 2022)

What's Changed

v1.15.0(Aug 28, 2022)

What's Changed

New Contributors

v1.14.3(Aug 18, 2022)

What's Changed

v1.14.2(Aug 18, 2022)

What's Changed

v1.14.1(Aug 16, 2022)

What's Changed

v1.14.0(Aug 11, 2022)

What's Changed

New Contributors

v1.13.3(Jul 29, 2022)

What's Changed

v1.13.2(Jul 29, 2022)

What's Changed

v1.13.1(Jul 28, 2022)

What's Changed

New Contributors

v1.13.0(Jul 28, 2022)

What's Changed

v1.12.5(Jul 24, 2022)

What's Changed

New Contributors

v1.12.4(Jul 15, 2022)

What's Changed

v1.12.3(Jul 13, 2022)

What's Changed

v1.12.2(Jul 13, 2022)

What's Changed

v1.12.1(Jul 10, 2022)

What's Changed

v1.12.0(Jul 10, 2022)

What's Changed

v1.11.3(Jul 10, 2022)

What's Changed

New Contributors

v1.11.2(Jul 8, 2022)

What's Changed

Owner

WireUi

Let's base your Laravel project with PROS style