Skip to content

Commit 8bb41c4

Browse files
TheMcnafahaTheMcnafaha
committed
fix: checkbox indicator follows dot notation
1 parent 1d0f58f commit 8bb41c4

10 files changed

+28
-28
lines changed

‎apps/website/src/routes/docs/headless/checkbox/examples/hero.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ export default component$(() => {
44
return (
55
<>
66
<Checkbox.Root class="flex items-center gap-3 border-2 border-black p-2 ">
7-
<CheckboxIndicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
7+
<Checkbox.Indicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
88
✅
9-
</CheckboxIndicator>
9+
</Checkbox.Indicator>
1010
I have read the README file
1111
</Checkbox.Root>
1212
</>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-false.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,13 +34,13 @@ export default component$(() => {
3434
id="child-1"
3535
class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
3636
>
37-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
37+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3838
<p>No other stuff is needed here</p>
3939
</Checkbox.Root>
4040

4141
<Checkbox.Root id="child-2" class="bg-slate-900 text-white">
4242
<div class="flex items-center gap-3">
43-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
43+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
4444
<p>Im a true.tsx</p>
4545
</div>
4646
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-falses.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,22 +13,22 @@ export default component$(() => {
1313
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
1414
checklist={true}
1515
>
16-
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
16+
<Checkbox.Indicator class=" flex w-[80px] justify-center bg-white p-3">
1717
✅
18-
</CheckboxIndicator>
18+
</Checkbox.Indicator>
1919
<p>Controlls all</p>
2020
</Checkbox.Root>
2121
<Checkbox.Root
2222
checkBoxSig={firstUserSig}
2323
class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
2424
>
25-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
25+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
2626
<p>No other stuff is needed here</p>
2727
</Checkbox.Root>
2828

2929
<Checkbox.Root checkBoxSig={secondUserSig} class="bg-slate-900 text-white">
3030
<div class="flex items-center gap-3">
31-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
31+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3232
<p>No other stuff is needed here</p>
3333
</div>
3434
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-mixed.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,13 +29,13 @@ export default component$(() => {
2929
checkBoxSig={firstUserSig}
3030
class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
3131
>
32-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
32+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3333
<p>No other stuff is needed here</p>
3434
</Checkbox.Root>
3535

3636
<Checkbox.Root checkBoxSig={secondUserSig} class="bg-slate-900 text-white">
3737
<div class="flex items-center gap-3">
38-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
38+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3939
<p>No other stuff is needed here</p>
4040
</div>
4141
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-true.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,13 +33,13 @@ export default component$(() => {
3333
id="child-1"
3434
class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
3535
>
36-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
36+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3737
<p>No other stuff is needed here</p>
3838
</Checkbox.Root>
3939

4040
<Checkbox.Root id="child-2" class="bg-slate-900 text-white">
4141
<div class="flex items-center gap-3">
42-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
42+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
4343
<p>Im a true.tsx</p>
4444
</div>
4545
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-trues.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,22 +13,22 @@ export default component$(() => {
1313
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
1414
checklist={true}
1515
>
16-
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
16+
<Checkbox.Indicator class=" flex w-[80px] justify-center bg-white p-3">
1717
✅
18-
</CheckboxIndicator>
18+
</Checkbox.Indicator>
1919
<p>Controlls all</p>
2020
</Checkbox.Root>
2121
<Checkbox.Root
2222
checkBoxSig={firstUserSig}
2323
class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
2424
>
25-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
25+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
2626
<p>No other stuff is needed here</p>
2727
</Checkbox.Root>
2828

2929
<Checkbox.Root checkBoxSig={secondUserSig} class="bg-slate-900 text-white">
3030
<div class="flex items-center gap-3">
31-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
31+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3232
<p>No other stuff is needed here</p>
3333
</div>
3434
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,22 +13,22 @@ export default component$(() => {
1313
class="flex items-center gap-3 bg-slate-900 p-2 text-white"
1414
checklist={true}
1515
>
16-
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
16+
<Checkbox.Indicator class=" flex w-[80px] justify-center bg-white p-3">
1717
✅
18-
</CheckboxIndicator>
18+
</Checkbox.Indicator>
1919
<p>Controlls all</p>
2020
</Checkbox.Root>
2121
<Checkbox.Root
2222
checkBoxSig={firstUserSig}
2323
class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
2424
>
25-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
25+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
2626
<p>No other stuff is needed here</p>
2727
</Checkbox.Root>
2828

2929
<Checkbox.Root class="bg-slate-900 text-white">
3030
<div class="flex items-center gap-3">
31-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
31+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3232
<p>No other stuff is needed here</p>
3333
</div>
3434
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-default.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ export default component$(() => {
88
<p>I'm the default checkbox!!!</p>
99
<Checkbox.Root class=" text-white">
1010
<div class="flex items-center gap-3">
11-
<CheckboxIndicator class="w-fit bg-slate-600">
11+
<Checkbox.Indicator class="w-fit bg-slate-600">
1212
<p id="indicator">✅</p>
13-
</CheckboxIndicator>
13+
</Checkbox.Indicator>
1414
<p>No other stuff is needed here</p>
1515
</div>
1616
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-hero.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,9 @@ export default component$(() => {
88
<>
99
<Checkbox.Root class="bg-slate-900 text-white" checkBoxSig={userSig}>
1010
<div class="flex items-center gap-3">
11-
<CheckboxIndicator class="w-fit bg-slate-600">
11+
<Checkbox.Indicator class="w-fit bg-slate-600">
1212
<p id="indicator">✅</p>
13-
</CheckboxIndicator>
13+
</Checkbox.Indicator>
1414
<p>No other stuff is needed here</p>
1515
</div>
1616
</Checkbox.Root>

‎apps/website/src/routes/docs/headless/checkbox/examples/test-props-ids-list.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,23 +14,23 @@ export default component$(() => {
1414
checklist={true}
1515
id="checklist"
1616
>
17-
<CheckboxIndicator class=" flex w-[80px] justify-center bg-white p-3">
17+
<Checkbox.Indicator class=" flex w-[80px] justify-center bg-white p-3">
1818
✅
19-
</CheckboxIndicator>
19+
</Checkbox.Indicator>
2020
<p>Controlls all</p>
2121
</Checkbox.Root>
2222
<Checkbox.Root
2323
id="child-1"
2424
checkBoxSig={firstUserSig}
2525
class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
2626
>
27-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
27+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
2828
<p>First Child</p>
2929
</Checkbox.Root>
3030

3131
<Checkbox.Root id="child-2" class="bg-slate-900 text-white">
3232
<div class="flex items-center gap-3">
33-
<CheckboxIndicator class="w-fit bg-slate-600">✅</CheckboxIndicator>
33+
<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
3434
<p>Second child</p>
3535
</div>
3636
</Checkbox.Root>

0 commit comments

Comments
 (0)