@@ -25,11 +25,11 @@ composer require damilaredev/laravel-email
25
25
Add the component to your email template. Include styles where needed.
26
26
27
27
``` html
28
- <x-laravel-email . html >
29
- <x-laravel-email . head >
28
+ <x-laravel-email- html >
29
+ <x-laravel-email- head >
30
30
<link rel =" dns-prefetch" href =" //fonts.gstatic.com" >
31
31
32
- <x-laravel-email . font
32
+ <x-laravel-email- font
33
33
:font-family =" 'Br Firma'"
34
34
:web-font =" [
35
35
'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.
38
38
:font-style =" 'normal'"
39
39
:font-weight =" 400"
40
40
/>
41
- </x-laravel-email . head >
41
+ </x-laravel-email- head >
42
42
43
- <x-laravel-email . body
43
+ <x-laravel-email- body
44
44
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 "
45
45
>
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 );" >
49
49
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 >
55
55
```
56
56
57
57
## Components
@@ -60,35 +60,35 @@ A set of standard components to help you build amazing emails without having to
60
60
61
61
### HTML
62
62
``` 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" >
65
65
Click Me
66
- </x-laravel-email . link >
67
- </x-laravel-email . html >
66
+ </x-laravel-email- link >
67
+ </x-laravel-email- html >
68
68
```
69
69
70
70
### Head
71
71
``` html
72
- <x-laravel-email . head >
72
+ <x-laravel-email- head >
73
73
<title >email title</title >
74
- </x-laravel-email . head >
74
+ </x-laravel-email- head >
75
75
```
76
76
77
77
### Heading
78
78
``` 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 >
80
80
```
81
81
82
82
### Link
83
83
``` html
84
- <x-laravel-email . link href =" https://example.com" >
84
+ <x-laravel-email- link href =" https://example.com" >
85
85
Example
86
- </x-laravel-email . link >
86
+ </x-laravel-email- link >
87
87
```
88
88
89
89
### Image
90
90
``` html
91
- <x-laravel-email . img
91
+ <x-laravel-email- img
92
92
src =" dog.jpg"
93
93
alt =" dog"
94
94
width =" 200"
@@ -107,74 +107,74 @@ A set of standard components to help you build amazing emails without having to
107
107
108
108
### Divider
109
109
``` html
110
- <x-laravel-email . hr />
110
+ <x-laravel-email- hr />
111
111
```
112
112
113
113
### Paragraph
114
114
``` html
115
- <x-laravel-email . text >Lorem Ipsum</x-laravel-email . text >
115
+ <x-laravel-email- text >Lorem Ipsum</x-laravel-email- text >
116
116
```
117
117
118
118
### Container
119
119
``` html
120
120
<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 ;" >
122
122
Click here
123
- </x-laravel-email . link >
123
+ </x-laravel-email- link >
124
124
</x-laravel-email .container >
125
125
```
126
126
127
127
### Body
128
128
``` 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% " >
133
133
{{-- 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% " >
136
136
{{-- 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 >
141
141
```
142
142
143
143
### Row
144
144
``` 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 >
150
150
```
151
151
152
152
### Section
153
153
``` html
154
154
{{-- 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 >
158
158
159
159
{{-- 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 >
165
165
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 >
171
171
```
172
172
173
173
### Font
174
174
``` 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
178
178
font-family =" Br Firma"
179
179
fallback-font-family =" Verdana"
180
180
:web-font =" [
@@ -184,8 +184,8 @@ A set of standard components to help you build amazing emails without having to
184
184
font-style =" normal"
185
185
font-weight =" 400"
186
186
/>
187
- </x-laravel-email . head >
188
- </x-laravel-email . html >
187
+ </x-laravel-email- head >
188
+ </x-laravel-email- html >
189
189
```
190
190
191
191
## Support
0 commit comments