Skip to content

Commit 6ad47ea

Browse files
NathanWalkerNathanWalker
committed
feat: flavor tabs
1 parent 40d224a commit 6ad47ea

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+238
-301
lines changed

‎content/ui/action-bar.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,10 @@ Views also part of the ActionBar abstraction:
2828
</Tab>
2929
<Tab flavor="angular">
3030

31-
<<< @/../examples/angular/src/ui/ActionBar/component.html#example
31+
::: code-group
32+
<<< @/../examples/angular/src/ui/ActionBar/component.html#example [HTML]
33+
<<< @/../examples/angular/src/ui/ActionBar/component.ts#example [TypeScript]
34+
:::
3235

3336
</Tab>
3437
<Tab flavor="react">

‎content/ui/activity-indicator.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,6 @@ contributors:
4444

4545
<<< @/../examples/react/src/components/ui/activityindicator.tsx#example
4646

47-
</Tab>
48-
4947
</Tab>
5048
<Tab flavor="solid">
5149

‎content/ui/date-picker.md

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -50,17 +50,6 @@ See also: [TimePicker](/ui/time-picker).
5050
</Tab>
5151
</Tabs>
5252

53-
```xml
54-
<DatePicker
55-
year="2023"
56-
month="8"
57-
day="28"
58-
date="{{ date }}"
59-
minDate="{{ minDate }}"
60-
maxDate="{{ maxDate }}"
61-
/>
62-
```
63-
6453
## Props
6554

6655
### date

‎content/ui/html-view.md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,15 +25,19 @@ See also: [WebView](/ui/web-view).
2525
<Tabs>
2626
<Tab flavor="typescript">
2727

28-
<<< @/../examples/typescript/src/ui/HtmlView/template.xml#example
29-
<<< @/../examples/typescript/src/ui/HtmlView/template.ts#example{xml}
28+
::: code-group
29+
<<< @/../examples/typescript/src/ui/HtmlView/template.xml#example [XML]
30+
<<< @/../examples/typescript/src/ui/HtmlView/template.ts#example [TypeScript]
31+
:::
3032

3133
</Tab>
3234

3335
<Tab flavor="angular">
3436

35-
<<< @/../examples/angular/src/ui/HtmlView/component.html#example
36-
<<< @/../examples/angular/src/ui/HtmlView/component.ts#example{html}
37+
::: code-group
38+
<<< @/../examples/angular/src/ui/HtmlView/component.html#example [HTML]
39+
<<< @/../examples/angular/src/ui/HtmlView/component.ts#example [TypeScript]
40+
:::
3741

3842
</Tab>
3943
<Tab flavor="react">

‎content/ui/image.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,32 @@ Working with many images can quickly become a memory hog, for improved image han
3434
<<< @/../examples/typescript/src/ui/Image/template.xml#example
3535

3636
</Tab>
37+
<Tab flavor="angular">
38+
39+
<<< @/../examples/angular/src/ui/Image/component.html#example
40+
41+
</Tab>
42+
<Tab flavor="react">
43+
44+
<<< @/../examples/react/src/components/ui/image.tsx#example
45+
46+
</Tab>
47+
<Tab flavor="solid">
48+
49+
<<< @/../examples/solid/src/ui/image.tsx#example
50+
51+
</Tab>
52+
<Tab flavor="svelte">
53+
54+
<<< @/../examples/svelte/app/components/ui/Image.svelte#example
55+
56+
</Tab>
57+
<Tab flavor="vue">
58+
59+
<<< @/../examples/vue/src/ui/image/component.vue#example
60+
61+
</Tab>
62+
</Tabs>
3763

3864
## Examples
3965

‎content/ui/list-picker.md

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -18,25 +18,29 @@ contributors:
1818
<Tabs>
1919
<Tab flavor="typescript">
2020

21-
<<< @/../examples/typescript/src/ui/ListPicker/template.xml#example
22-
<<< @/../examples/typescript/src/ui/ListPicker/template.ts#example
21+
::: code-group
22+
<<< @/../examples/typescript/src/ui/ListPicker/template.xml#example [XML]
23+
<<< @/../examples/typescript/src/ui/ListPicker/template.ts#example [TypeScript]
24+
:::
2325

2426
</Tab>
2527

2628
<Tab flavor="angular">
2729

28-
<<< @/../examples/angular/src/ui/ListPicker/component.html#example
29-
<<< @/../examples/angular/src/ui/ListPicker/component.ts#example
30+
::: code-group
31+
<<< @/../examples/angular/src/ui/ListPicker/component.html#example [HTML]
32+
<<< @/../examples/angular/src/ui/ListPicker/component.ts#example [TypeScript]
33+
:::
3034

3135
</Tab>
3236
<Tab flavor="react">
3337

34-
<<< @/../examples/react/src/components/ui/label.tsx#example
38+
<<< @/../examples/react/src/components/ui/listpicker.tsx#example
3539

3640
</Tab>
3741
<Tab flavor="solid">
3842

39-
<<< @/../examples/solid/src/ui/label.tsx#example
43+
<<< @/../examples/solid/src/ui/listpicker.tsx#example
4044

4145
</Tab>
4246
<Tab flavor="svelte">

‎content/ui/list-view.md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,14 +25,18 @@ For additional features and improved performance in certain scenarios, consider
2525
<Tabs>
2626
<Tab flavor="typescript">
2727

28-
<<< @/../examples/typescript/src/ui/ListView/template.xml#example
29-
<<< @/../examples/typescript/src/ui/ListView/template.ts#example
28+
::: code-group
29+
<<< @/../examples/typescript/src/ui/ListView/template.xml#example [XML]
30+
<<< @/../examples/typescript/src/ui/ListView/template.ts#example [TypeScript]
31+
:::
3032

3133
</Tab>
3234
<Tab flavor="angular">
3335

34-
<<< @/../examples/angular/src/ui/ListView/component.html#example
35-
<<< @/../examples/angular/src/ui/ListView/component.ts#example
36+
::: code-group
37+
<<< @/../examples/angular/src/ui/ListView/component.html#example [HTML]
38+
<<< @/../examples/angular/src/ui/ListView/component.ts#example [TypeScript]
39+
:::
3640

3741
</Tab>
3842
<Tab flavor="react">

‎content/ui/placeholder.md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,18 @@ contributors:
1818
<Tabs>
1919
<Tab flavor="typescript">
2020

21-
<<< @/../examples/typescript/src/ui/Placeholder/template.xml#example
22-
<<< @/../examples/typescript/src/ui/Placeholder/template.ts#example
21+
::: code-group
22+
<<< @/../examples/typescript/src/ui/Placeholder/template.xml#example [XML]
23+
<<< @/../examples/typescript/src/ui/Placeholder/template.ts#example [TypeScript]
24+
:::
2325

2426
</Tab>
2527
<Tab flavor="angular">
2628

27-
<<< @/../examples/angular/src/ui/Placeholder/component.html#example
28-
<<< @/../examples/angular/src/ui/Placeholder/component.ts#example
29+
::: code-group
30+
<<< @/../examples/angular/src/ui/Placeholder/component.html#example [HTML]
31+
<<< @/../examples/angular/src/ui/Placeholder/component.ts#example [TypeScript]
32+
:::
2933

3034
</Tab>
3135
<Tab flavor="react">

‎examples/angular/src/ui/ActionBar/component.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Component, NO_ERRORS_SCHEMA } from '@angular/core'
1+
import { Component, inject, NO_ERRORS_SCHEMA } from '@angular/core'
22
import { NativeScriptCommonModule, RouterExtensions } from '@nativescript/angular';
33

44
@Component({
@@ -9,9 +9,11 @@ import { NativeScriptCommonModule, RouterExtensions } from '@nativescript/angula
99
})
1010
export class ActionBarComponent {
1111

12-
constructor(private routerExtensions: RouterExtensions) { }
12+
// #region example
13+
router = inject(RouterExtensions);
1314

1415
goBack() {
15-
this.routerExtensions.backToPreviousPage();
16+
this.router.back();
1617
}
18+
// #endregion example
1719
}

‎examples/angular/src/ui/Button/component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<GridLayout>
22
<ContentView verticalAlignment="center" horizontalAlignment="center">
33
<!-- #region example -->
4-
<button text="This is a button!"></button>
4+
<button text="This is a button!" (tap)="tapMe($event)"></button>
55
<!-- #endregion example -->
66
</ContentView>
77
</GridLayout>

0 commit comments

Comments
 (0)