Skip to content

Commit 2f46d90

Browse files
tulup-connerrluders
tulup-conner
and
rluders
authored
fix(/docs): remove {' '} literals from code examples (#614)
Co-authored-by: Ricardo Lüders <[email protected]>
1 parent 77cbc27 commit 2f46d90

File tree

7 files changed

+74
-62
lines changed

7 files changed

+74
-62
lines changed

‎docs/content/components/button-group.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -80,15 +80,15 @@ You can also use SVG icons inside the grouped buttons.
8080
<Button.Group>
8181
<Button color="gray">
8282
<HiUserCircle className="mr-3 h-4 w-4" />
83-
{' '}Profile
83+
Profile
8484
</Button>
8585
<Button color="gray">
8686
<HiAdjustments className="mr-3 h-4 w-4" />
87-
{' '}Settings
87+
Settings
8888
</Button>
8989
<Button color="gray">
9090
<HiCloudDownload className="mr-3 h-4 w-4" />
91-
{' '}Messages
91+
Messages
9292
</Button>
9393
</Button.Group>
9494
{{< /example >}}
@@ -144,43 +144,43 @@ Group a series of buttons together on a single line or stack them in a vertical
144144
<Button.Group outline={true}>
145145
<Button color="gray">
146146
<HiUserCircle className="mr-3 h-4 w-4" />
147-
{' '}Profile
147+
Profile
148148
</Button>
149149
<Button color="gray">
150150
<HiAdjustments className="mr-3 h-4 w-4" />
151-
{' '}Settings
151+
Settings
152152
</Button>
153153
<Button color="gray">
154154
<HiCloudDownload className="mr-3 h-4 w-4" />
155-
{' '}Messages
155+
Messages
156156
</Button>
157157
</Button.Group>
158158
<Button.Group outline={true}>
159159
<Button gradientMonochrome="info">
160160
<HiUserCircle className="mr-3 h-4 w-4" />
161-
{' '}Profile
161+
Profile
162162
</Button>
163163
<Button gradientMonochrome="info">
164164
<HiAdjustments className="mr-3 h-4 w-4" />
165-
{' '}Settings
165+
Settings
166166
</Button>
167167
<Button gradientMonochrome="info">
168168
<HiCloudDownload className="mr-3 h-4 w-4" />
169-
{' '}Messages
169+
Messages
170170
</Button>
171171
</Button.Group>
172172
<Button.Group outline={true}>
173173
<Button gradientDuoTone="cyanToBlue">
174174
<HiUserCircle className="mr-3 h-4 w-4" />
175-
{' '}Profile
175+
Profile
176176
</Button>
177177
<Button gradientDuoTone="cyanToBlue">
178178
<HiAdjustments className="mr-3 h-4 w-4" />
179-
{' '}Settings
179+
Settings
180180
</Button>
181181
<Button gradientDuoTone="cyanToBlue">
182182
<HiCloudDownload className="mr-3 h-4 w-4" />
183-
{' '}Messages
183+
Messages
184184
</Button>
185185
</Button.Group>
186186
</div>

‎src/docs/pages/AccordionPage.tsx

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,13 @@ const AccordionPage: FC = () => {
1818
buttons, dropdowns, modals, navbars, and more.
1919
</p>
2020
<p className="text-gray-500 dark:text-gray-400">
21-
Check out this guide to learn how to{' '}
21+
Check out this guide to learn how to&nbsp;
2222
<a
2323
href="https://flowbite.com/docs/getting-started/introduction/"
2424
className="text-blue-600 hover:underline dark:text-blue-500"
2525
>
2626
get started
27-
</a>{' '}
27+
</a>
2828
and start developing websites even faster with components on top of Tailwind CSS.
2929
</p>
3030
</Accordion.Content>
@@ -37,10 +37,10 @@ const AccordionPage: FC = () => {
3737
library has a design equivalent in our Figma file.
3838
</p>
3939
<p className="text-gray-500 dark:text-gray-400">
40-
Check out the{' '}
40+
Check out the&nbsp;
4141
<a href="https://flowbite.com/figma/" className="text-blue-600 hover:underline dark:text-blue-500">
4242
Figma design system
43-
</a>{' '}
43+
</a>
4444
based on the utility classes from Tailwind CSS and components from Flowbite.
4545
</p>
4646
</Accordion.Content>
@@ -92,13 +92,13 @@ const AccordionPage: FC = () => {
9292
buttons, dropdowns, modals, navbars, and more.
9393
</p>
9494
<p className="text-gray-500 dark:text-gray-400">
95-
Check out this guide to learn how to{' '}
95+
Check out this guide to learn how to&nbsp;
9696
<a
9797
href="https://flowbite.com/docs/getting-started/introduction/"
9898
className="text-blue-600 hover:underline dark:text-blue-500"
9999
>
100100
get started
101-
</a>{' '}
101+
</a>
102102
and start developing websites even faster with components on top of Tailwind CSS.
103103
</p>
104104
</Accordion.Content>
@@ -111,10 +111,10 @@ const AccordionPage: FC = () => {
111111
library has a design equivalent in our Figma file.
112112
</p>
113113
<p className="text-gray-500 dark:text-gray-400">
114-
Check out the{' '}
114+
Check out the
115115
<a href="https://flowbite.com/figma/" className="text-blue-600 hover:underline dark:text-blue-500">
116116
Figma design system
117-
</a>{' '}
117+
</a>
118118
based on the utility classes from Tailwind CSS and components from Flowbite.
119119
</p>
120120
</Accordion.Content>
@@ -166,14 +166,14 @@ const AccordionPage: FC = () => {
166166
buttons, dropdowns, modals, navbars, and more.
167167
</p>
168168
<p className="text-gray-500 dark:text-gray-400">
169-
Check out this guide to learn how to{' '}
169+
Check out this guide to learn how to
170170
<a
171171
href="https://flowbite.com/docs/getting-started/introduction/"
172172
className="text-blue-600 hover:underline dark:text-blue-500"
173173
>
174174
get started
175-
</a>{' '}
176-
and start developing websites even faster with components on top of Tailwind CSS.
175+
</a>
176+
&nbsp;and start developing websites even faster with components on top of Tailwind CSS.
177177
</p>
178178
</Accordion.Content>
179179
</Accordion.Panel>
@@ -185,11 +185,11 @@ const AccordionPage: FC = () => {
185185
library has a design equivalent in our Figma file.
186186
</p>
187187
<p className="text-gray-500 dark:text-gray-400">
188-
Check out the{' '}
188+
Check out the&nbsp;
189189
<a href="https://flowbite.com/figma/" className="text-blue-600 hover:underline dark:text-blue-500">
190190
Figma design system
191-
</a>{' '}
192-
based on the utility classes from Tailwind CSS and components from Flowbite.
191+
</a>
192+
&nbsp;based on the utility classes from Tailwind CSS and components from Flowbite.
193193
</p>
194194
</Accordion.Content>
195195
</Accordion.Panel>
@@ -240,13 +240,13 @@ const AccordionPage: FC = () => {
240240
buttons, dropdowns, modals, navbars, and more.
241241
</p>
242242
<p className="text-gray-500 dark:text-gray-400">
243-
Check out this guide to learn how to{' '}
243+
Check out this guide to learn how to
244244
<a
245245
href="https://flowbite.com/docs/getting-started/introduction/"
246246
className="text-blue-600 hover:underline dark:text-blue-500"
247247
>
248248
get started
249-
</a>{' '}
249+
</a>
250250
and start developing websites even faster with components on top of Tailwind CSS.
251251
</p>
252252
</Accordion.Content>
@@ -259,11 +259,11 @@ const AccordionPage: FC = () => {
259259
library has a design equivalent in our Figma file.
260260
</p>
261261
<p className="text-gray-500 dark:text-gray-400">
262-
Check out the{' '}
262+
Check out the&nbsp;
263263
<a href="https://flowbite.com/figma/" className="text-blue-600 hover:underline dark:text-blue-500">
264264
Figma design system
265-
</a>{' '}
266-
based on the utility classes from Tailwind CSS and components from Flowbite.
265+
</a>
266+
&nbsp;based on the utility classes from Tailwind CSS and components from Flowbite.
267267
</p>
268268
</Accordion.Content>
269269
</Accordion.Panel>
@@ -314,14 +314,14 @@ const AccordionPage: FC = () => {
314314
buttons, dropdowns, modals, navbars, and more.
315315
</p>
316316
<p className="text-gray-500 dark:text-gray-400">
317-
Check out this guide to learn how to{' '}
317+
Check out this guide to learn how to&nbsp;
318318
<a
319319
href="https://flowbite.com/docs/getting-started/introduction/"
320320
className="text-blue-600 hover:underline dark:text-blue-500"
321321
>
322322
get started
323-
</a>{' '}
324-
and start developing websites even faster with components on top of Tailwind CSS.
323+
</a>
324+
&nbsp;and start developing websites even faster with components on top of Tailwind CSS.
325325
</p>
326326
</Accordion.Content>
327327
</Accordion.Panel>
@@ -333,11 +333,11 @@ const AccordionPage: FC = () => {
333333
library has a design equivalent in our Figma file.
334334
</p>
335335
<p className="text-gray-500 dark:text-gray-400">
336-
Check out the{' '}
336+
Check out the&nbsp;
337337
<a href="https://flowbite.com/figma/" className="text-blue-600 hover:underline dark:text-blue-500">
338338
Figma design system
339-
</a>{' '}
340-
based on the utility classes from Tailwind CSS and components from Flowbite.
339+
</a>
340+
&nbsp;based on the utility classes from Tailwind CSS and components from Flowbite.
341341
</p>
342342
</Accordion.Content>
343343
</Accordion.Panel>

‎src/docs/pages/ButtonGroupPage.tsx

Lines changed: 24 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -21,13 +21,16 @@ const ButtonGroupPage: FC = () => {
2121
code: (
2222
<Button.Group>
2323
<Button color="gray">
24-
<HiUserCircle className="mr-3 h-4 w-4" /> Profile
24+
<HiUserCircle className="mr-3 h-4 w-4" />
25+
Profile
2526
</Button>
2627
<Button color="gray">
27-
<HiAdjustments className="mr-3 h-4 w-4" /> Settings
28+
<HiAdjustments className="mr-3 h-4 w-4" />
29+
Settings
2830
</Button>
2931
<Button color="gray">
30-
<HiCloudDownload className="mr-3 h-4 w-4" /> Messages
32+
<HiCloudDownload className="mr-3 h-4 w-4" />
33+
Messages
3134
</Button>
3235
</Button.Group>
3336
),
@@ -82,35 +85,44 @@ const ButtonGroupPage: FC = () => {
8285
<div className="flex flex-wrap gap-2">
8386
<Button.Group outline>
8487
<Button color="gray">
85-
<HiUserCircle className="mr-3 h-4 w-4" /> Profile
88+
<HiUserCircle className="mr-3 h-4 w-4" />
89+
Profile
8690
</Button>
8791
<Button color="gray">
88-
<HiAdjustments className="mr-3 h-4 w-4" /> Settings
92+
<HiAdjustments className="mr-3 h-4 w-4" />
93+
Settings
8994
</Button>
9095
<Button color="gray">
91-
<HiCloudDownload className="mr-3 h-4 w-4" /> Messages
96+
<HiCloudDownload className="mr-3 h-4 w-4" />
97+
Messages
9298
</Button>
9399
</Button.Group>
94100
<Button.Group outline>
95101
<Button gradientMonochrome="info">
96-
<HiUserCircle className="mr-3 h-4 w-4" /> Profile
102+
<HiUserCircle className="mr-3 h-4 w-4" />
103+
Profile
97104
</Button>
98105
<Button gradientMonochrome="info">
99-
<HiAdjustments className="mr-3 h-4 w-4" /> Settings
106+
<HiAdjustments className="mr-3 h-4 w-4" />
107+
Settings
100108
</Button>
101109
<Button gradientMonochrome="info">
102-
<HiCloudDownload className="mr-3 h-4 w-4" /> Messages
110+
<HiCloudDownload className="mr-3 h-4 w-4" />
111+
Messages
103112
</Button>
104113
</Button.Group>
105114
<Button.Group outline>
106115
<Button gradientDuoTone="cyanToBlue">
107-
<HiUserCircle className="mr-3 h-4 w-4" /> Profile
116+
<HiUserCircle className="mr-3 h-4 w-4" />
117+
Profile
108118
</Button>
109119
<Button gradientDuoTone="cyanToBlue">
110-
<HiAdjustments className="mr-3 h-4 w-4" /> Settings
120+
<HiAdjustments className="mr-3 h-4 w-4" />
121+
Settings
111122
</Button>
112123
<Button gradientDuoTone="cyanToBlue">
113-
<HiCloudDownload className="mr-3 h-4 w-4" /> Messages
124+
<HiCloudDownload className="mr-3 h-4 w-4" />
125+
Messages
114126
</Button>
115127
</Button.Group>
116128
</div>

‎src/docs/pages/FormsPage.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ const FormsPage: FC = () => {
104104
<div className="flex items-center gap-2">
105105
<Checkbox id="agree" />
106106
<Label htmlFor="agree">
107-
I agree with the{' '}
107+
I agree with the&nbsp;
108108
<a href="/forms" className="text-blue-600 hover:underline dark:text-blue-500">
109109
terms and conditions
110110
</a>
@@ -128,7 +128,7 @@ const FormsPage: FC = () => {
128128
required
129129
helperText={
130130
<>
131-
We’ll never share your details. Read our{' '}
131+
We’ll never share your details. Read our
132132
<a href="/forms" className="font-medium text-blue-600 hover:underline dark:text-blue-500">
133133
Privacy Policy
134134
</a>
@@ -300,7 +300,7 @@ const FormsPage: FC = () => {
300300
<div className="flex items-center gap-2">
301301
<Checkbox id="accept" defaultChecked />
302302
<Label htmlFor="accept">
303-
I agree to the{' '}
303+
I agree to the&nbsp;
304304
<a href="/forms" className="text-blue-600 hover:underline dark:text-blue-500">
305305
terms and conditions
306306
</a>
@@ -322,7 +322,7 @@ const FormsPage: FC = () => {
322322
<Label htmlFor="shipping">Free shipping via Flowbite</Label>
323323
<div className="text-gray-500 dark:text-gray-300">
324324
<span className="text-xs font-normal">
325-
For orders shipped from Flowbite from <span className="font-medium">€ 25</span> in books or{' '}
325+
For orders shipped from Flowbite from <span className="font-medium">€ 25</span> in books or&nbsp;
326326
<span>€ 29</span> on other categories
327327
</span>
328328
</div>

‎src/docs/pages/ModalPage.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ const ModalPage: FC = () => {
137137
<Button>Log in to your account</Button>
138138
</div>
139139
<div className="text-sm font-medium text-gray-500 dark:text-gray-300">
140-
Not registered?{' '}
140+
Not registered?&nbsp;
141141
<a href="/modal" className="text-blue-700 hover:underline dark:text-blue-500">
142142
Create account
143143
</a>

‎src/lib/components/Accordion/Accordion.stories.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,14 +25,14 @@ const Template: Story<AccordionProps> = (args) => (
2525
dropdowns, modals, navbars, and more.
2626
</p>
2727
<p className="text-gray-500 dark:text-gray-400">
28-
Check out this guide to learn how to{' '}
28+
Check out this guide to learn how to&nbsp;
2929
<a
3030
href="https://flowbite.com/docs/getting-started/introduction/"
3131
className="text-blue-600 hover:underline dark:text-blue-500"
3232
>
3333
get started
34-
</a>{' '}
35-
and start developing websites even faster with components on top of Tailwind CSS.
34+
</a>
35+
&nbsp;and start developing websites even faster with components on top of Tailwind CSS.
3636
</p>
3737
</Accordion.Content>
3838
</Accordion.Panel>
@@ -44,11 +44,11 @@ const Template: Story<AccordionProps> = (args) => (
4444
has a design equivalent in our Figma file.
4545
</p>
4646
<p className="text-gray-500 dark:text-gray-400">
47-
Check out the{' '}
47+
Check out the&nbsp;
4848
<a href="https://flowbite.com/figma/" className="text-blue-600 hover:underline dark:text-blue-500">
4949
Figma design system
50-
</a>{' '}
51-
based on the utility classes from Tailwind CSS and components from Flowbite.
50+
</a>
51+
&nbsp;based on the utility classes from Tailwind CSS and components from Flowbite.
5252
</p>
5353
</Accordion.Content>
5454
</Accordion.Panel>

‎src/lib/components/Modal/Modal.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ PopUp.args = {
6767
</h3>
6868
<div className="flex justify-center gap-4">
6969
<Button color="red" onClick={action('close')}>
70-
{"Yes, I'm sure"}
70+
Yes, I&apos;m sure
7171
</Button>
7272
<Button color="gray" onClick={action('close')}>
7373
No, cancel
@@ -112,7 +112,7 @@ FormElements.args = {
112112
<Button>Log in to your account</Button>
113113
</div>
114114
<div className="text-sm font-medium text-gray-500 dark:text-gray-300">
115-
Not registered?{' '}
115+
Not registered?&nbsp;
116116
<a href="/modal" className="text-blue-700 hover:underline dark:text-blue-500">
117117
Create account
118118
</a>

0 commit comments

Comments
 (0)