From 27a37f06bec8f0ae3b42b0ba819bdfddbda3a003 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 18 Dec 2024 19:06:51 -0500 Subject: [PATCH 1/3] docs(header): update angular to standalone --- .../basic/angular/example_component_html.md | 10 +++ .../basic/angular/example_component_ts.md | 11 +++ static/usage/v7/header/basic/index.md | 16 +++- .../angular/example_component_html.md | 75 +++++++++++++++++++ .../condense/angular/example_component_ts.md | 11 +++ static/usage/v7/header/condense/index.md | 16 +++- .../fade/angular/example_component_html.md | 67 +++++++++++++++++ .../fade/angular/example_component_ts.md | 11 +++ static/usage/v7/header/fade/index.md | 16 +++- .../angular/example_component_html.md | 10 +++ .../no-border/angular/example_component_ts.md | 11 +++ static/usage/v7/header/no-border/index.md | 16 +++- .../angular/example_component_html.md | 67 +++++++++++++++++ .../angular/example_component_ts.md | 11 +++ static/usage/v7/header/translucent/index.md | 16 +++- .../basic/angular/example_component_html.md | 10 +++ .../basic/angular/example_component_ts.md | 11 +++ static/usage/v8/header/basic/index.md | 16 +++- .../angular/example_component_html.md | 75 +++++++++++++++++++ .../condense/angular/example_component_ts.md | 11 +++ static/usage/v8/header/condense/index.md | 16 +++- .../fade/angular/example_component_html.md | 67 +++++++++++++++++ .../fade/angular/example_component_ts.md | 11 +++ static/usage/v8/header/fade/index.md | 16 +++- .../angular/example_component_html.md | 10 +++ .../no-border/angular/example_component_ts.md | 11 +++ static/usage/v8/header/no-border/index.md | 16 +++- .../angular/example_component_html.md | 67 +++++++++++++++++ .../angular/example_component_ts.md | 11 +++ static/usage/v8/header/translucent/index.md | 16 +++- 30 files changed, 708 insertions(+), 20 deletions(-) create mode 100644 static/usage/v7/header/basic/angular/example_component_html.md create mode 100644 static/usage/v7/header/basic/angular/example_component_ts.md create mode 100644 static/usage/v7/header/condense/angular/example_component_html.md create mode 100644 static/usage/v7/header/condense/angular/example_component_ts.md create mode 100644 static/usage/v7/header/fade/angular/example_component_html.md create mode 100644 static/usage/v7/header/fade/angular/example_component_ts.md create mode 100644 static/usage/v7/header/no-border/angular/example_component_html.md create mode 100644 static/usage/v7/header/no-border/angular/example_component_ts.md create mode 100644 static/usage/v7/header/translucent/angular/example_component_html.md create mode 100644 static/usage/v7/header/translucent/angular/example_component_ts.md create mode 100644 static/usage/v8/header/basic/angular/example_component_html.md create mode 100644 static/usage/v8/header/basic/angular/example_component_ts.md create mode 100644 static/usage/v8/header/condense/angular/example_component_html.md create mode 100644 static/usage/v8/header/condense/angular/example_component_ts.md create mode 100644 static/usage/v8/header/fade/angular/example_component_html.md create mode 100644 static/usage/v8/header/fade/angular/example_component_ts.md create mode 100644 static/usage/v8/header/no-border/angular/example_component_html.md create mode 100644 static/usage/v8/header/no-border/angular/example_component_ts.md create mode 100644 static/usage/v8/header/translucent/angular/example_component_html.md create mode 100644 static/usage/v8/header/translucent/angular/example_component_ts.md diff --git a/static/usage/v7/header/basic/angular/example_component_html.md b/static/usage/v7/header/basic/angular/example_component_html.md new file mode 100644 index 00000000000..9edf1a22f27 --- /dev/null +++ b/static/usage/v7/header/basic/angular/example_component_html.md @@ -0,0 +1,10 @@ +```html + + + Header + + + +

Content

+
+``` diff --git a/static/usage/v7/header/basic/angular/example_component_ts.md b/static/usage/v7/header/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v7/header/basic/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/header/basic/index.md b/static/usage/v7/header/basic/index.md index 1058c42ba41..8227e1fcf8c 100644 --- a/static/usage/v7/header/basic/index.md +++ b/static/usage/v7/header/basic/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + + + + Header + + + +
+

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. +

+
+
+``` diff --git a/static/usage/v7/header/condense/angular/example_component_ts.md b/static/usage/v7/header/condense/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v7/header/condense/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/header/condense/index.md b/static/usage/v7/header/condense/index.md index 5ae68be3af9..938ce8fa2ad 100644 --- a/static/usage/v7/header/condense/index.md +++ b/static/usage/v7/header/condense/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + +

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. +

+
+``` diff --git a/static/usage/v7/header/fade/angular/example_component_ts.md b/static/usage/v7/header/fade/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v7/header/fade/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/header/fade/index.md b/static/usage/v7/header/fade/index.md index 328ba025ada..f14eb2a3dda 100644 --- a/static/usage/v7/header/fade/index.md +++ b/static/usage/v7/header/fade/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + +

Content

+
+``` diff --git a/static/usage/v7/header/no-border/angular/example_component_ts.md b/static/usage/v7/header/no-border/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v7/header/no-border/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/header/no-border/index.md b/static/usage/v7/header/no-border/index.md index e7300fb2610..642bb451a04 100644 --- a/static/usage/v7/header/no-border/index.md +++ b/static/usage/v7/header/no-border/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + +

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. +

+
+``` diff --git a/static/usage/v7/header/translucent/angular/example_component_ts.md b/static/usage/v7/header/translucent/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v7/header/translucent/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/header/translucent/index.md b/static/usage/v7/header/translucent/index.md index fe8e8b04a8e..e38709c1505 100644 --- a/static/usage/v7/header/translucent/index.md +++ b/static/usage/v7/header/translucent/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + +

Content

+
+``` diff --git a/static/usage/v8/header/basic/angular/example_component_ts.md b/static/usage/v8/header/basic/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v8/header/basic/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/header/basic/index.md b/static/usage/v8/header/basic/index.md index f509303071d..ec71e0cc7a9 100644 --- a/static/usage/v8/header/basic/index.md +++ b/static/usage/v8/header/basic/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + + + + Header + + + +
+

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. +

+
+
+``` diff --git a/static/usage/v8/header/condense/angular/example_component_ts.md b/static/usage/v8/header/condense/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v8/header/condense/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/header/condense/index.md b/static/usage/v8/header/condense/index.md index cbcfc775776..511821dd6bc 100644 --- a/static/usage/v8/header/condense/index.md +++ b/static/usage/v8/header/condense/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + +

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. +

+
+``` diff --git a/static/usage/v8/header/fade/angular/example_component_ts.md b/static/usage/v8/header/fade/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v8/header/fade/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/header/fade/index.md b/static/usage/v8/header/fade/index.md index f026b50ec10..b18c1640e93 100644 --- a/static/usage/v8/header/fade/index.md +++ b/static/usage/v8/header/fade/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + +

Content

+
+``` diff --git a/static/usage/v8/header/no-border/angular/example_component_ts.md b/static/usage/v8/header/no-border/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v8/header/no-border/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/header/no-border/index.md b/static/usage/v8/header/no-border/index.md index 5b6ad99cec5..9c5152893b3 100644 --- a/static/usage/v8/header/no-border/index.md +++ b/static/usage/v8/header/no-border/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; + + Header + + + +

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. +

+
+``` diff --git a/static/usage/v8/header/translucent/angular/example_component_ts.md b/static/usage/v8/header/translucent/angular/example_component_ts.md new file mode 100644 index 00000000000..b7b9efe049a --- /dev/null +++ b/static/usage/v8/header/translucent/angular/example_component_ts.md @@ -0,0 +1,11 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/header/translucent/index.md b/static/usage/v8/header/translucent/index.md index 899b96d7039..5d8b6b6e6f9 100644 --- a/static/usage/v8/header/translucent/index.md +++ b/static/usage/v8/header/translucent/index.md @@ -3,11 +3,23 @@ import Playground from '@site/src/components/global/Playground'; import javascript from './javascript.md'; import react from './react.md'; import vue from './vue.md'; -import angular from './angular.md'; + +import angular_example_component_html from './angular/example_component_html.md'; +import angular_example_component_ts from './angular/example_component_ts.md'; Date: Fri, 20 Dec 2024 15:03:44 -0500 Subject: [PATCH 2/3] docs(header): update angular to standalone --- static/usage/v7/header/basic/angular/example_component_ts.md | 1 + static/usage/v7/header/condense/angular/example_component_ts.md | 1 + static/usage/v7/header/fade/angular/example_component_ts.md | 1 + static/usage/v7/header/no-border/angular/example_component_ts.md | 1 + .../usage/v7/header/translucent/angular/example_component_ts.md | 1 + static/usage/v8/header/basic/angular/example_component_ts.md | 1 + static/usage/v8/header/condense/angular/example_component_ts.md | 1 + static/usage/v8/header/fade/angular/example_component_ts.md | 1 + static/usage/v8/header/no-border/angular/example_component_ts.md | 1 + .../usage/v8/header/translucent/angular/example_component_ts.md | 1 + 10 files changed, 10 insertions(+) diff --git a/static/usage/v7/header/basic/angular/example_component_ts.md b/static/usage/v7/header/basic/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v7/header/basic/angular/example_component_ts.md +++ b/static/usage/v7/header/basic/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v7/header/condense/angular/example_component_ts.md b/static/usage/v7/header/condense/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v7/header/condense/angular/example_component_ts.md +++ b/static/usage/v7/header/condense/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v7/header/fade/angular/example_component_ts.md b/static/usage/v7/header/fade/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v7/header/fade/angular/example_component_ts.md +++ b/static/usage/v7/header/fade/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v7/header/no-border/angular/example_component_ts.md b/static/usage/v7/header/no-border/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v7/header/no-border/angular/example_component_ts.md +++ b/static/usage/v7/header/no-border/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v7/header/translucent/angular/example_component_ts.md b/static/usage/v7/header/translucent/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v7/header/translucent/angular/example_component_ts.md +++ b/static/usage/v7/header/translucent/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v8/header/basic/angular/example_component_ts.md b/static/usage/v8/header/basic/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v8/header/basic/angular/example_component_ts.md +++ b/static/usage/v8/header/basic/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v8/header/condense/angular/example_component_ts.md b/static/usage/v8/header/condense/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v8/header/condense/angular/example_component_ts.md +++ b/static/usage/v8/header/condense/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v8/header/fade/angular/example_component_ts.md b/static/usage/v8/header/fade/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v8/header/fade/angular/example_component_ts.md +++ b/static/usage/v8/header/fade/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v8/header/no-border/angular/example_component_ts.md b/static/usage/v8/header/no-border/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v8/header/no-border/angular/example_component_ts.md +++ b/static/usage/v8/header/no-border/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} diff --git a/static/usage/v8/header/translucent/angular/example_component_ts.md b/static/usage/v8/header/translucent/angular/example_component_ts.md index b7b9efe049a..acee90fb7b8 100644 --- a/static/usage/v8/header/translucent/angular/example_component_ts.md +++ b/static/usage/v8/header/translucent/angular/example_component_ts.md @@ -5,6 +5,7 @@ import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/stan @Component({ selector: 'app-example', templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], imports: [IonContent, IonHeader, IonTitle, IonToolbar], }) export class ExampleComponent {} From 2d980bc70e280ed6a19b053066c9545f5e93f394 Mon Sep 17 00:00:00 2001 From: Brandy Carney <6577830+brandyscarney@users.noreply.github.com> Date: Mon, 23 Dec 2024 15:28:20 -0500 Subject: [PATCH 3/3] docs(header): update angular to standalone --- static/usage/v7/header/basic/angular.md | 10 --- static/usage/v7/header/condense/angular.md | 75 ------------------- .../angular/example_component_ts.md | 12 +++ .../v7/header/custom-scroll-target/index.md | 2 + static/usage/v7/header/fade/angular.md | 67 ----------------- static/usage/v7/header/no-border/angular.md | 10 --- static/usage/v7/header/translucent/angular.md | 67 ----------------- static/usage/v8/header/basic/angular.md | 10 --- static/usage/v8/header/condense/angular.md | 75 ------------------- .../angular/example_component_ts.md | 12 +++ .../v8/header/custom-scroll-target/index.md | 2 + static/usage/v8/header/fade/angular.md | 67 ----------------- static/usage/v8/header/no-border/angular.md | 10 --- static/usage/v8/header/translucent/angular.md | 67 ----------------- 14 files changed, 28 insertions(+), 458 deletions(-) delete mode 100644 static/usage/v7/header/basic/angular.md delete mode 100644 static/usage/v7/header/condense/angular.md create mode 100644 static/usage/v7/header/custom-scroll-target/angular/example_component_ts.md delete mode 100644 static/usage/v7/header/fade/angular.md delete mode 100644 static/usage/v7/header/no-border/angular.md delete mode 100644 static/usage/v7/header/translucent/angular.md delete mode 100644 static/usage/v8/header/basic/angular.md delete mode 100644 static/usage/v8/header/condense/angular.md create mode 100644 static/usage/v8/header/custom-scroll-target/angular/example_component_ts.md delete mode 100644 static/usage/v8/header/fade/angular.md delete mode 100644 static/usage/v8/header/no-border/angular.md delete mode 100644 static/usage/v8/header/translucent/angular.md diff --git a/static/usage/v7/header/basic/angular.md b/static/usage/v7/header/basic/angular.md deleted file mode 100644 index 9edf1a22f27..00000000000 --- a/static/usage/v7/header/basic/angular.md +++ /dev/null @@ -1,10 +0,0 @@ -```html - - - Header - - - -

Content

-
-``` diff --git a/static/usage/v7/header/condense/angular.md b/static/usage/v7/header/condense/angular.md deleted file mode 100644 index 1741b1f1706..00000000000 --- a/static/usage/v7/header/condense/angular.md +++ /dev/null @@ -1,75 +0,0 @@ -```html - - - Header - - - - - - Header - - - -
-

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. -

-
-
-``` diff --git a/static/usage/v7/header/custom-scroll-target/angular/example_component_ts.md b/static/usage/v7/header/custom-scroll-target/angular/example_component_ts.md new file mode 100644 index 00000000000..acee90fb7b8 --- /dev/null +++ b/static/usage/v7/header/custom-scroll-target/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v7/header/custom-scroll-target/index.md b/static/usage/v7/header/custom-scroll-target/index.md index cf5ad71dd63..d1e2616d32c 100644 --- a/static/usage/v7/header/custom-scroll-target/index.md +++ b/static/usage/v7/header/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'; - - Header - - - -

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. -

-
-``` diff --git a/static/usage/v7/header/no-border/angular.md b/static/usage/v7/header/no-border/angular.md deleted file mode 100644 index 064fa753744..00000000000 --- a/static/usage/v7/header/no-border/angular.md +++ /dev/null @@ -1,10 +0,0 @@ -```html - - - Header - - - -

Content

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

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. -

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

Content

-
-``` diff --git a/static/usage/v8/header/condense/angular.md b/static/usage/v8/header/condense/angular.md deleted file mode 100644 index 1741b1f1706..00000000000 --- a/static/usage/v8/header/condense/angular.md +++ /dev/null @@ -1,75 +0,0 @@ -```html - - - Header - - - - - - Header - - - -
-

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. -

-
-
-``` diff --git a/static/usage/v8/header/custom-scroll-target/angular/example_component_ts.md b/static/usage/v8/header/custom-scroll-target/angular/example_component_ts.md new file mode 100644 index 00000000000..acee90fb7b8 --- /dev/null +++ b/static/usage/v8/header/custom-scroll-target/angular/example_component_ts.md @@ -0,0 +1,12 @@ +```ts +import { Component } from '@angular/core'; +import { IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular/standalone'; + +@Component({ + selector: 'app-example', + templateUrl: 'example.component.html', + styleUrls: ['example.component.css'], + imports: [IonContent, IonHeader, IonTitle, IonToolbar], +}) +export class ExampleComponent {} +``` diff --git a/static/usage/v8/header/custom-scroll-target/index.md b/static/usage/v8/header/custom-scroll-target/index.md index 21821fa810c..f348c5bdff2 100644 --- a/static/usage/v8/header/custom-scroll-target/index.md +++ b/static/usage/v8/header/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'; - - Header - - - -

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. -

-
-``` diff --git a/static/usage/v8/header/no-border/angular.md b/static/usage/v8/header/no-border/angular.md deleted file mode 100644 index 064fa753744..00000000000 --- a/static/usage/v8/header/no-border/angular.md +++ /dev/null @@ -1,10 +0,0 @@ -```html - - - Header - - - -

Content

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

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. -

-
-```