Wire

UI

WireUI empowers you with the flexibility to modify, deactivate, rename, or extend any of its components, giving you complete control over the appearance and behavior of your UI elements. This level of customization allows you to tailor WireUI to your project's unique needs and design preferences.

To initiate these customizations, you must publish the WireUI configuration. This process involves generating a configuration file that you can then modify to reflect your desired changes. After you've personalized the configuration to your satisfaction, you can enjoy a fully customized WireUI experience.

To publish the WireUI configuration, execute the following command in your development environment:

php artisan vendor:publish --tag="wireui.config"

Next, locate and open the config/wireui.php file, where you can change the alias key to your preferred name.

Once you've made this adjustment and saved the file, it's essential to clear the View Cache to ensure that your changes take effect. To do this, run the following command:

php artisan view:clear
Attention!
It's recommended to execute this command whenever you make changes.

In this example, we are adjusting the prefix for all WireUI components, as well as making global modifications to default shadow, rounded, and color settings.

Additionally, we are providing a straightforward illustration of how to change the alias of a specific component, or even change both the alias and the associated class for further customization.

1'prefix' => 'wireui-',
2 
3'style' => [
4 'shadow' => Packs\Shadow::NONE,
5 'rounded' => Packs\Rounded::FULL,
6 'color' => Packs\Color::SECONDARY,
7],
8 
9...
10 
11'components' => Config::defaultComponents([
12 'button' => [
13 'alias' => 'new-button',
14 ],
15 'mini-button' => [
16 'class' => Components\Button\Mini::class,
17 'alias' => 'new-mini-button',
18 ],
19]),