diff --git a/static/usage/v7/footer/basic/angular.md b/static/usage/v7/footer/basic/angular.md deleted file mode 100644 index b0506781582..00000000000 --- a/static/usage/v7/footer/basic/angular.md +++ /dev/null @@ -1,10 +0,0 @@ -```html - -

Content

- - - - Footer - - -``` diff --git a/static/usage/v7/footer/custom-scroll-target/angular/example_component_ts.md b/static/usage/v7/footer/custom-scroll-target/angular/example_component_ts.md new file mode 100644 index 00000000000..bcdf570e97b --- /dev/null +++ b/static/usage/v7/footer/custom-scroll-target/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonFooter, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonContent, IonFooter, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/footer/custom-scroll-target/index.md b/static/usage/v7/footer/custom-scroll-target/index.md index df2b8f10214..2701ab18333 100644 --- a/static/usage/v7/footer/custom-scroll-target/index.md +++ b/static/usage/v7/footer/custom-scroll-target/index.md @@ -9,6 +9,7 @@ import vue from './vue.md'; import angular_example_component_html from './angular/example_component_html.md'; import angular_example_component_css from './angular/example_component_css.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; -

Animal Facts

- -

Rhinoceros

- rhino standing near grass -

- The rhinoceros gets its name from one of its most notable features: its horns. The word rhinoceros come from the - Greek words rhino meaning “nose” and ceros meaning “horn.” The number of horns that a rhino has varies on the - species. The two African species (the black rhino and the white rhino) and the Sumatran rhino have two horns, while - the Javan rhino and one-horned rhino have one horn. -

- -

Sea Turtle

- brown sea turtle in water -

- Sea turtles are characterized by a large, streamlined shell and non-retractile head and limbs. Unlike other turtles, - sea turtles cannot pull their limbs and head inside their shells. Their limbs are flippers that are adapted for - swimming, so they are vulnerable while on land. -

- -

Giraffe

- giraffe sticking its tongue out -

- Giraffes are known for their long, tall appearance. They have a small hump on their back like a camel and have a - spotted pattern similar to that of a leopard. Because of the combination of these features, some people called the - giraffe a “camel-leopard.” That’s where the giraffe’s species name “camelopardalis” comes from. -

- -

Elephant

- two grey elephants on grass plains during sunset -

- Elephants are the largest existing land animal, with massive bodies, large ears, and long trunks. Elephants’ long - trunks are multifunctional. They are used to pick up objects, trumpet warnings, greet other elephants, or suck up - water for drinking or bathing. -

- -

Dolphin

- black and white dolphin in water -

- Dolphins range in color depending on the species, from white, pearl, and pink to darker shades of brown, gray, blue, - and black. They have smooth skin, flippers, and a dorsal fin. They have a long, slender snout with about 100 teeth - and a streamlined body. They have a single blowhole on top of their head, which has a flap that opens to reveal a - pair of nostrils. The dolphin uses these nostrils for breathing when it surfaces. -

- - - - Footer - - -``` diff --git a/static/usage/v7/footer/no-border/angular.md b/static/usage/v7/footer/no-border/angular.md deleted file mode 100644 index 6b31b329d96..00000000000 --- a/static/usage/v7/footer/no-border/angular.md +++ /dev/null @@ -1,10 +0,0 @@ -```html - -

Content

- - - - Footer - - -``` diff --git a/static/usage/v7/footer/translucent/angular.md b/static/usage/v7/footer/translucent/angular.md deleted file mode 100644 index a58f761cc8c..00000000000 --- a/static/usage/v7/footer/translucent/angular.md +++ /dev/null @@ -1,67 +0,0 @@ -```html - -

Animal Facts

- -

Rhinoceros

- rhino standing near grass -

- The rhinoceros gets its name from one of its most notable features: its horns. The word rhinoceros come from the - Greek words rhino meaning “nose” and ceros meaning “horn.” The number of horns that a rhino has varies on the - species. The two African species (the black rhino and the white rhino) and the Sumatran rhino have two horns, while - the Javan rhino and one-horned rhino have one horn. -

- -

Sea Turtle

- brown sea turtle in water -

- Sea turtles are characterized by a large, streamlined shell and non-retractile head and limbs. Unlike other turtles, - sea turtles cannot pull their limbs and head inside their shells. Their limbs are flippers that are adapted for - swimming, so they are vulnerable while on land. -

- -

Giraffe

- giraffe sticking its tongue out -

- Giraffes are known for their long, tall appearance. They have a small hump on their back like a camel and have a - spotted pattern similar to that of a leopard. Because of the combination of these features, some people called the - giraffe a “camel-leopard.” That’s where the giraffe’s species name “camelopardalis” comes from. -

- -

Elephant

- two grey elephants on grass plains during sunset -

- Elephants are the largest existing land animal, with massive bodies, large ears, and long trunks. Elephants’ long - trunks are multifunctional. They are used to pick up objects, trumpet warnings, greet other elephants, or suck up - water for drinking or bathing. -

- -

Dolphin

- black and white dolphin in water -

- Dolphins range in color depending on the species, from white, pearl, and pink to darker shades of brown, gray, blue, - and black. They have smooth skin, flippers, and a dorsal fin. They have a long, slender snout with about 100 teeth - and a streamlined body. They have a single blowhole on top of their head, which has a flap that opens to reveal a - pair of nostrils. The dolphin uses these nostrils for breathing when it surfaces. -

- - - - Footer - - -``` diff --git a/static/usage/v8/footer/basic/angular.md b/static/usage/v8/footer/basic/angular.md deleted file mode 100644 index b0506781582..00000000000 --- a/static/usage/v8/footer/basic/angular.md +++ /dev/null @@ -1,10 +0,0 @@ -```html - -

Content

- - - - Footer - - -``` diff --git a/static/usage/v8/footer/custom-scroll-target/angular/example_component_ts.md b/static/usage/v8/footer/custom-scroll-target/angular/example_component_ts.md new file mode 100644 index 00000000000..bcdf570e97b --- /dev/null +++ b/static/usage/v8/footer/custom-scroll-target/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonFooter, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonContent, IonFooter, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/footer/custom-scroll-target/index.md b/static/usage/v8/footer/custom-scroll-target/index.md index 77353e8b24c..167bab74e68 100644 --- a/static/usage/v8/footer/custom-scroll-target/index.md +++ b/static/usage/v8/footer/custom-scroll-target/index.md @@ -9,6 +9,7 @@ import vue from './vue.md'; import angular_example_component_html from './angular/example_component_html.md'; import angular_example_component_css from './angular/example_component_css.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; -

Animal Facts

- -

Rhinoceros

- rhino standing near grass -

- The rhinoceros gets its name from one of its most notable features: its horns. The word rhinoceros come from the - Greek words rhino meaning “nose” and ceros meaning “horn.” The number of horns that a rhino has varies on the - species. The two African species (the black rhino and the white rhino) and the Sumatran rhino have two horns, while - the Javan rhino and one-horned rhino have one horn. -

- -

Sea Turtle

- brown sea turtle in water -

- Sea turtles are characterized by a large, streamlined shell and non-retractile head and limbs. Unlike other turtles, - sea turtles cannot pull their limbs and head inside their shells. Their limbs are flippers that are adapted for - swimming, so they are vulnerable while on land. -

- -

Giraffe

- giraffe sticking its tongue out -

- Giraffes are known for their long, tall appearance. They have a small hump on their back like a camel and have a - spotted pattern similar to that of a leopard. Because of the combination of these features, some people called the - giraffe a “camel-leopard.” That’s where the giraffe’s species name “camelopardalis” comes from. -

- -

Elephant

- two grey elephants on grass plains during sunset -

- Elephants are the largest existing land animal, with massive bodies, large ears, and long trunks. Elephants’ long - trunks are multifunctional. They are used to pick up objects, trumpet warnings, greet other elephants, or suck up - water for drinking or bathing. -

- -

Dolphin

- black and white dolphin in water -

- Dolphins range in color depending on the species, from white, pearl, and pink to darker shades of brown, gray, blue, - and black. They have smooth skin, flippers, and a dorsal fin. They have a long, slender snout with about 100 teeth - and a streamlined body. They have a single blowhole on top of their head, which has a flap that opens to reveal a - pair of nostrils. The dolphin uses these nostrils for breathing when it surfaces. -

- - - - Footer - - -``` diff --git a/static/usage/v8/footer/no-border/angular.md b/static/usage/v8/footer/no-border/angular.md deleted file mode 100644 index 6b31b329d96..00000000000 --- a/static/usage/v8/footer/no-border/angular.md +++ /dev/null @@ -1,10 +0,0 @@ -```html - -

Content

- - - - Footer - - -``` diff --git a/static/usage/v8/footer/translucent/angular.md b/static/usage/v8/footer/translucent/angular.md deleted file mode 100644 index a58f761cc8c..00000000000 --- a/static/usage/v8/footer/translucent/angular.md +++ /dev/null @@ -1,67 +0,0 @@ -```html - -

Animal Facts

- -

Rhinoceros

- rhino standing near grass -

- The rhinoceros gets its name from one of its most notable features: its horns. The word rhinoceros come from the - Greek words rhino meaning “nose” and ceros meaning “horn.” The number of horns that a rhino has varies on the - species. The two African species (the black rhino and the white rhino) and the Sumatran rhino have two horns, while - the Javan rhino and one-horned rhino have one horn. -

- -

Sea Turtle

- brown sea turtle in water -

- Sea turtles are characterized by a large, streamlined shell and non-retractile head and limbs. Unlike other turtles, - sea turtles cannot pull their limbs and head inside their shells. Their limbs are flippers that are adapted for - swimming, so they are vulnerable while on land. -

- -

Giraffe

- giraffe sticking its tongue out -

- Giraffes are known for their long, tall appearance. They have a small hump on their back like a camel and have a - spotted pattern similar to that of a leopard. Because of the combination of these features, some people called the - giraffe a “camel-leopard.” That’s where the giraffe’s species name “camelopardalis” comes from. -

- -

Elephant

- two grey elephants on grass plains during sunset -

- Elephants are the largest existing land animal, with massive bodies, large ears, and long trunks. Elephants’ long - trunks are multifunctional. They are used to pick up objects, trumpet warnings, greet other elephants, or suck up - water for drinking or bathing. -

- -

Dolphin

- black and white dolphin in water -

- Dolphins range in color depending on the species, from white, pearl, and pink to darker shades of brown, gray, blue, - and black. They have smooth skin, flippers, and a dorsal fin. They have a long, slender snout with about 100 teeth - and a streamlined body. They have a single blowhole on top of their head, which has a flap that opens to reveal a - pair of nostrils. The dolphin uses these nostrils for breathing when it surfaces. -

- - - - Footer - - -```