Skip to content

Commit 2a653a6

Browse files
committed
Readme format adjustments.
1 parent e1c80ba commit 2a653a6

File tree

1 file changed

+75
-75
lines changed

1 file changed

+75
-75
lines changed

README.md

Lines changed: 75 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -171,98 +171,98 @@ MEDIA_MAXKB_DEFAULT=10240
171171
```
172172
2) Include Livewire & Alpine (usually in your app layout):
173173

174-
```html
175-
@livewireStyles
176-
<style>[x-cloak]{ display:none !important; }</style>
177-
@livewireScripts
178-
```
174+
```html
175+
@livewireStyles
176+
<style>[x-cloak]{ display:none !important; }</style>
177+
@livewireScripts
178+
```
179179

180180
3) Drop the component into your Blade:
181181

182-
```html
183-
<livewire:media-uploader :for="$user" collection="avatars" preset="images" />
184-
```
182+
```html
183+
<livewire:media-uploader :for="$user" collection="avatars" preset="images" />
184+
```
185185

186186
---
187187

188188
## Usage Examples
189189

190-
**1) Pass a saved model instance**
191-
```html
192-
<livewire:media-uploader :for="$user" collection="avatars" preset="images" />
193-
```
190+
1) Pass a saved model instance
191+
```html
192+
<livewire:media-uploader :for="$user" collection="avatars" preset="images" />
193+
```
194194

195-
**2) Short string model + id**
196-
```html
197-
<livewire:media-uploader model="user" :id="$user->id" collection="images" preset="images" />
198-
```
195+
2) Short string model + id
196+
```html
197+
<livewire:media-uploader model="user" :id="$user->id" collection="images" preset="images" />
198+
```
199199

200-
**3) Morph map alias**
201-
```html
202-
<livewire:media-uploader model="users" :id="$user->id" collection="profile" preset="images" />
203-
```
200+
3) Morph map alias**
201+
```html
202+
<livewire:media-uploader model="users" :id="$user->id" collection="profile" preset="images" />
203+
```
204204

205-
**4) FQCN**
206-
```html
207-
<livewire:media-uploader model="\App\Models\User" :id="$user->id" collection="documents" />
208-
```
205+
4) FQCN
206+
```html
207+
<livewire:media-uploader model="\App\Models\User" :id="$user->id" collection="documents" />
208+
```
209209

210-
**5) Dotted path + custom namespaces**
211-
```html
212-
<livewire:media-uploader
213-
model="crm.contact"
214-
:id="$contactId"
215-
:namespaces="['App\\Domain\\Crm\\Models', 'App\\Models']"
216-
collection="images"
217-
preset="images"
218-
/>
219-
```
210+
5) Dotted path + custom namespaces
211+
```html
212+
<livewire:media-uploader
213+
model="crm.contact"
214+
:id="$contactId"
215+
:namespaces="['App\\Domain\\Crm\\Models', 'App\\Models']"
216+
collection="images"
217+
preset="images"
218+
/>
219+
```
220220

221-
**6) Local aliases (per-instance)**
222-
```html
223-
<livewire:media-uploader
224-
model="profile"
225-
:id="$user->id"
226-
:aliases="['profile' => \App\Models\User::class]"
227-
collection="gallery"
228-
/>
229-
```
221+
6) Local aliases (per-instance)
222+
```html
223+
<livewire:media-uploader
224+
model="profile"
225+
:id="$user->id"
226+
:aliases="['profile' => \App\Models\User::class]"
227+
collection="gallery"
228+
/>
229+
```
230230

231-
**7) Single-file mode + hide list**
232-
```html
233-
<livewire:media-uploader
234-
:for="$user"
235-
collection="avatar"
236-
:multiple="false"
237-
:showList="false"
238-
preset="images"
239-
/>
240-
```
231+
7) Single-file mode + hide list
232+
```html
233+
<livewire:media-uploader
234+
:for="$user"
235+
collection="avatar"
236+
:multiple="false"
237+
:showList="false"
238+
preset="images"
239+
/>
240+
```
241241

242-
**8) Name conflict strategies**
243-
```html
244-
<livewire:media-uploader :for="$user" collection="files" onNameConflict="rename" />
245-
<livewire:media-uploader :for="$user" collection="files" onNameConflict="replace" />
246-
<livewire:media-uploader :for="$user" collection="files" onNameConflict="skip" />
247-
<livewire:media-uploader :for="$user" collection="files" onNameConflict="allow" />
248-
```
242+
8) Name conflict strategies
243+
```html
244+
<livewire:media-uploader :for="$user" collection="files" onNameConflict="rename" />
245+
<livewire:media-uploader :for="$user" collection="files" onNameConflict="replace" />
246+
<livewire:media-uploader :for="$user" collection="files" onNameConflict="skip" />
247+
<livewire:media-uploader :for="$user" collection="files" onNameConflict="allow" />
248+
```
249249

250-
**9) Duplicate detection by SHA-256**
251-
```html
252-
<livewire:media-uploader :for="$user" collection="images" preset="images" :skipExactDuplicates="true" />
253-
```
250+
9) Duplicate detection by SHA-256
251+
```html
252+
<livewire:media-uploader :for="$user" collection="images" preset="images" :skipExactDuplicates="true" />
253+
```
254254

255-
**10) Restrict types/mimes/max size manually**
256-
```html
257-
<livewire:media-uploader
258-
:for="$user"
259-
collection="documents"
260-
:accept="'.pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'"
261-
:allowedTypes="['pdf','doc','docx']"
262-
:allowedMimes="['application/pdf','application/msword','application/vnd.openxmlformats-officedocument.wordprocessingml.document']"
263-
:maxSizeKb="5120"
264-
/>
265-
```
255+
10) Restrict types/mimes/max size manually
256+
```html
257+
<livewire:media-uploader
258+
:for="$user"
259+
collection="documents"
260+
:accept="'.pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'"
261+
:allowedTypes="['pdf','doc','docx']"
262+
:allowedMimes="['application/pdf','application/msword','application/vnd.openxmlformats-officedocument.wordprocessingml.document']"
263+
:maxSizeKb="5120"
264+
/>
265+
```
266266

267267
---
268268

0 commit comments

Comments
 (0)