wireui.php
1 <?php 2 3 use WireUi\View\Components; 4 5 return [ 6 /* 7 |-------------------------------------------------------------------------- 8 | Icons 9 |-------------------------------------------------------------------------- 10 | 11 | The icons config will be used in icon component as default 12 | https://heroicons.com 13 | 14 */ 15 'icons' => [ 16 'style' => env('WIREUI_ICONS_STYLE', 'outline'), 17 ], 18 19 /* 20 |-------------------------------------------------------------------------- 21 | Modal 22 |-------------------------------------------------------------------------- 23 | 24 | The default modal preferences 25 | 26 */ 27 'modal' => [ 28 'zIndex' => env('WIREUI_MODAL_Z_INDEX', 'z-50'), 29 'maxWidth' => env('WIREUI_MODAL_MAX_WIDTH', '2xl'), 30 'spacing' => env('WIREUI_MODAL_SPACING', 'p-4'), 31 'align' => env('WIREUI_MODAL_ALIGN', 'center'), 32 'blur' => env('WIREUI_MODAL_BLUR', false), 33 ], 34 35 /* 36 |-------------------------------------------------------------------------- 37 | Card 38 |-------------------------------------------------------------------------- 39 | 40 | The default card preferences 41 | 42 */ 43 'card' => [ 44 'padding' => env('WIREUI_CARD_PADDING', 'px-2 py-5 md:px-4'), 45 'shadow' => env('WIREUI_CARD_SHADOW', 'shadow-md'), 46 'rounded' => env('WIREUI_CARD_ROUNDED', 'rounded-lg'), 47 'color' => env('WIREUI_CARD_COLOR', 'bg-white'), 48 ], 49 50 /* 51 |-------------------------------------------------------------------------- 52 | Components 53 |-------------------------------------------------------------------------- 54 | 55 | List with WireUI components. 56 | Change the alias to call the component with a different name. 57 | Extend the component and replace your changes in this file. 58 | Remove the component from this file if you don't want to use. 59 | 60 */ 61 'components' => [ 62 'avatar' => [ 63 'class' => Components\Avatar::class, 64 'alias' => 'avatar', 65 ], 66 'icon' => [ 67 'class' => Components\Icon::class, 68 'alias' => 'icon', 69 ], 70 'icon.spinner' => [ 71 'class' => Components\Icons\Spinner::class, 72 'alias' => 'icon.spinner', 73 ], 74 'color-picker' => [ 75 'class' => Components\ColorPicker::class, 76 'alias' => 'color-picker', 77 ], 78 'input' => [ 79 'class' => Components\Input::class, 80 'alias' => 'input', 81 ], 82 'textarea' => [ 83 'class' => Components\Textarea::class, 84 'alias' => 'textarea', 85 ], 86 'label' => [ 87 'class' => Components\Label::class, 88 'alias' => 'label', 89 ], 90 'error' => [ 91 'class' => Components\Error::class, 92 'alias' => 'error', 93 ], 94 'errors' => [ 95 'class' => Components\Errors::class, 96 'alias' => 'errors', 97 ], 98 'inputs.maskable' => [ 99 'class' => Components\Inputs\MaskableInput::class, 100 'alias' => 'inputs.maskable', 101 ], 102 'inputs.phone' => [ 103 'class' => Components\Inputs\PhoneInput::class, 104 'alias' => 'inputs.phone', 105 ], 106 'inputs.currency' => [ 107 'class' => Components\Inputs\CurrencyInput::class, 108 'alias' => 'inputs.currency', 109 ], 110 'inputs.number' => [ 111 'class' => Components\Inputs\NumberInput::class, 112 'alias' => 'inputs.number', 113 ], 114 'inputs.password' => [ 115 'class' => Components\Inputs\PasswordInput::class, 116 'alias' => 'inputs.password', 117 ], 118 'badge' => [ 119 'class' => Components\Badge::class, 120 'alias' => 'badge', 121 ], 122 'badge.circle' => [ 123 'class' => Components\CircleBadge::class, 124 'alias' => 'badge.circle', 125 ], 126 'button' => [ 127 'class' => Components\Button::class, 128 'alias' => 'button', 129 ], 130 'button.circle' => [ 131 'class' => Components\CircleButton::class, 132 'alias' => 'button.circle', 133 ], 134 'dropdown' => [ 135 'class' => Components\Dropdown::class, 136 'alias' => 'dropdown', 137 ], 138 'dropdown.item' => [ 139 'class' => Components\Dropdown\DropdownItem::class, 140 'alias' => 'dropdown.item', 141 ], 142 'dropdown.header' => [ 143 'class' => Components\Dropdown\DropdownHeader::class, 144 'alias' => 'dropdown.header', 145 ], 146 'notifications' => [ 147 'class' => Components\Notifications::class, 148 'alias' => 'notifications', 149 ], 150 'datetime-picker' => [ 151 'class' => Components\DatetimePicker::class, 152 'alias' => 'datetime-picker', 153 ], 154 'time-picker' => [ 155 'class' => Components\TimePicker::class, 156 'alias' => 'time-picker', 157 ], 158 'card' => [ 159 'class' => Components\Card::class, 160 'alias' => 'card', 161 ], 162 'native-select' => [ 163 'class' => Components\NativeSelect::class, 164 'alias' => 'native-select', 165 ], 166 'select' => [ 167 'class' => Components\Select::class, 168 'alias' => 'select', 169 ], 170 'select.option' => [ 171 'class' => Components\Select\Option::class, 172 'alias' => 'select.option', 173 ], 174 'select.user-option' => [ 175 'class' => Components\Select\UserOption::class, 176 'alias' => 'select.user-option', 177 ], 178 'toggle' => [ 179 'class' => Components\Toggle::class, 180 'alias' => 'toggle', 181 ], 182 'checkbox' => [ 183 'class' => Components\Checkbox::class, 184 'alias' => 'checkbox', 185 ], 186 'radio' => [ 187 'class' => Components\Radio::class, 188 'alias' => 'radio', 189 ], 190 'modal' => [ 191 'class' => Components\Modal::class, 192 'alias' => 'modal', 193 ], 194 'modal.card' => [ 195 'class' => Components\ModalCard::class, 196 'alias' => 'modal.card', 197 ], 198 'dialog' => [ 199 'class' => Components\Dialog::class, 200 'alias' => 'dialog', 201 ], 202 ], 203 ];