@@ -25,11 +25,11 @@ composer require damilaredev/laravel-email
2525Add the component to your email template. Include styles where needed.
2626
2727``` html
28- <x-laravel-email . html >
29- <x-laravel-email . head >
28+ <x-laravel-email- html >
29+ <x-laravel-email- head >
3030 <link rel =" dns-prefetch" href =" //fonts.gstatic.com" >
3131
32- <x-laravel-email . font
32+ <x-laravel-email- font
3333 :font-family =" 'Br Firma'"
3434 :web-font =" [
3535 'url' => 'https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0e.ttf',
@@ -38,20 +38,20 @@ Add the component to your email template. Include styles where needed.
3838 :font-style =" 'normal'"
3939 :font-weight =" 400"
4040 />
41- </x-laravel-email . head >
41+ </x-laravel-email- head >
4242
43- <x-laravel-email . body
43+ <x-laravel-email- body
4444 style =" margin-left :auto ;margin-right :auto ;margin-top :auto ;margin-bottom :auto ;background-color :rgba (255 , 255 , 255 , 1 );font-family :Open Sans, ui-sans-serif , system-ui , -apple-system ,Segoe UI,Roboto,Helvetica Neue,Arial ,Noto Sans,Ubuntu,sans-serif "
4545 >
46- <x-laravel-email . container style =" margin-left :auto ;margin-right :auto ; max-width :50em ;margin :10px auto ;" >
47- <x-laravel-email . section >
48- <x-laravel-email . heading style =" font-size :1.75rem ;line-height :43.99px ;font-weight :700 ;text-align :left ; color : rgba (80 , 85 , 94 , 1 );" >
46+ <x-laravel-email- container style =" margin-left :auto ;margin-right :auto ; max-width :50em ;margin :10px auto ;" >
47+ <x-laravel-email- section >
48+ <x-laravel-email- heading style =" font-size :1.75rem ;line-height :43.99px ;font-weight :700 ;text-align :left ; color : rgba (80 , 85 , 94 , 1 );" >
4949 Laravel Email
50- </x-laravel-email . heading >
51- </x-laravel-email . section >
52- </x-laravel-email . container >
53- </x-laravel-email . body >
54- </x-laravel-email . html >
50+ </x-laravel-email- heading >
51+ </x-laravel-email- section >
52+ </x-laravel-email- container >
53+ </x-laravel-email- body >
54+ </x-laravel-email- html >
5555```
5656
5757## Components
@@ -60,35 +60,35 @@ A set of standard components to help you build amazing emails without having to
6060
6161### HTML
6262``` html
63- <x-laravel-email . html lang =" en" dir =" ltr" >
64- <x-laravel-email . link href =" https://example.com" >
63+ <x-laravel-email- html lang =" en" dir =" ltr" >
64+ <x-laravel-email- link href =" https://example.com" >
6565 Click Me
66- </x-laravel-email . link >
67- </x-laravel-email . html >
66+ </x-laravel-email- link >
67+ </x-laravel-email- html >
6868```
6969
7070### Head
7171``` html
72- <x-laravel-email . head >
72+ <x-laravel-email- head >
7373 <title >email title</title >
74- </x-laravel-email . head >
74+ </x-laravel-email- head >
7575```
7676
7777### Heading
7878``` html
79- <x-laravel-email . heading as =" h1" >Lorem Ipsum</x-laravel-email . heading >
79+ <x-laravel-email- heading as =" h1" >Lorem Ipsum</x-laravel-email- heading >
8080```
8181
8282### Link
8383``` html
84- <x-laravel-email . link href =" https://example.com" >
84+ <x-laravel-email- link href =" https://example.com" >
8585 Example
86- </x-laravel-email . link >
86+ </x-laravel-email- link >
8787```
8888
8989### Image
9090``` html
91- <x-laravel-email . img
91+ <x-laravel-email- img
9292 src =" dog.jpg"
9393 alt =" dog"
9494 width =" 200"
@@ -107,74 +107,74 @@ A set of standard components to help you build amazing emails without having to
107107
108108### Divider
109109``` html
110- <x-laravel-email . hr />
110+ <x-laravel-email- hr />
111111```
112112
113113### Paragraph
114114``` html
115- <x-laravel-email . text >Lorem Ipsum</x-laravel-email . text >
115+ <x-laravel-email- text >Lorem Ipsum</x-laravel-email- text >
116116```
117117
118118### Container
119119``` html
120120<x-laravel-email .container >
121- <x-laravel-email . link href =" https://example.com" style =" font-weight : 500 ; color : #0000 ;" >
121+ <x-laravel-email- link href =" https://example.com" style =" font-weight : 500 ; color : #0000 ;" >
122122 Click here
123- </x-laravel-email . link >
123+ </x-laravel-email- link >
124124</x-laravel-email .container >
125125```
126126
127127### Body
128128``` html
129- <x-laravel-email . html lang =" en" >
130- <x-laravel-email . body style =" background-color : rgba (37 , 60 , 172 , 1 );" >
131- <x-laravel-email . section >
132- <x-laravel-email . column style =" width : 50% " >
129+ <x-laravel-email- html lang =" en" >
130+ <x-laravel-email- body style =" background-color : rgba (37 , 60 , 172 , 1 );" >
131+ <x-laravel-email- section >
132+ <x-laravel-email- column style =" width : 50% " >
133133 {{-- First column --}}
134- </x-laravel-email . column >
135- <x-laravel-email . column style =" width : 50% " >
134+ </x-laravel-email- column >
135+ <x-laravel-email- column style =" width : 50% " >
136136 {{-- Second column --}}
137- </x-laravel-email . column >
138- </x-laravel-email . section >
139- </x-laravel-email . body >
140- </x-laravel-email . html >
137+ </x-laravel-email- column >
138+ </x-laravel-email- section >
139+ </x-laravel-email- body >
140+ </x-laravel-email- html >
141141```
142142
143143### Row
144144``` html
145- <x-laravel-email . row >
146- <x-laravel-email . column >A</x-laravel-email . column >
147- <x-laravel-email . column >B</x-laravel-email . column >
148- <x-laravel-email . column >C</x-laravel-email . column >
149- </x-laravel-email . row >
145+ <x-laravel-email- row >
146+ <x-laravel-email- column >A</x-laravel-email- column >
147+ <x-laravel-email- column >B</x-laravel-email- column >
148+ <x-laravel-email- column >C</x-laravel-email- column >
149+ </x-laravel-email- row >
150150```
151151
152152### Section
153153``` html
154154{{-- A Simple Section --}}
155- <x-laravel-email . section >
156- <x-laravel-email . text >Lorem Ipsum</x-laravel-email . text >
157- </x-laravel-email . section >
155+ <x-laravel-email- section >
156+ <x-laravel-email- text >Lorem Ipsum</x-laravel-email- text >
157+ </x-laravel-email- section >
158158
159159{{-- Formatted with `rows` and `columns` --}}
160- <x-laravel-email . section >
161- <x-laravel-email . row >
162- <x-laravel-email . column >Column 1, Row 1</x-laravel-email . column >
163- <x-laravel-email . column >Column 2, Row 1</x-laravel-email . column >
164- </x-laravel-email . row >
160+ <x-laravel-email- section >
161+ <x-laravel-email- row >
162+ <x-laravel-email- column >Column 1, Row 1</x-laravel-email- column >
163+ <x-laravel-email- column >Column 2, Row 1</x-laravel-email- column >
164+ </x-laravel-email- row >
165165
166- <x-laravel-email . row >
167- <x-laravel-email . column >Column 1, Row 2</x-laravel-email . column >
168- <x-laravel-email . column >Column 2, Row 2</x-laravel-email . column >
169- </x-laravel-email . row >
170- </x-laravel-email . section >
166+ <x-laravel-email- row >
167+ <x-laravel-email- column >Column 1, Row 2</x-laravel-email- column >
168+ <x-laravel-email- column >Column 2, Row 2</x-laravel-email- column >
169+ </x-laravel-email- row >
170+ </x-laravel-email- section >
171171```
172172
173173### Font
174174``` html
175- <x-laravel-email . html lang =" en" >
176- <x-laravel-email . head >
177- <x-laravel-email . font
175+ <x-laravel-email- html lang =" en" >
176+ <x-laravel-email- head >
177+ <x-laravel-email- font
178178 font-family =" Br Firma"
179179 fallback-font-family =" Verdana"
180180 :web-font =" [
@@ -184,8 +184,8 @@ A set of standard components to help you build amazing emails without having to
184184 font-style =" normal"
185185 font-weight =" 400"
186186 />
187- </x-laravel-email . head >
188- </x-laravel-email . html >
187+ </x-laravel-email- head >
188+ </x-laravel-email- html >
189189```
190190
191191## Support
0 commit comments