diff --git a/core/src/components/avatar/readme.md b/core/src/components/avatar/readme.md index d579b6ad70..6a474715ff 100644 --- a/core/src/components/avatar/readme.md +++ b/core/src/components/avatar/readme.md @@ -4,26 +4,6 @@ Avatars are circular components that usually wrap an image or icon. They can be Avatars can be used by themselves or inside of any element. If placed inside of an `ion-chip` or `ion-item`, the avatar will resize to fit the parent component. To position an avatar on the left or right side of an item, set the slot to `start` or `end`, respectively. -```html - - - - - - - - - Chip Avatar - - - - - - - Item Avatar - -``` - diff --git a/core/src/components/avatar/usage/angular.md b/core/src/components/avatar/usage/angular.md new file mode 100644 index 0000000000..6255ae3e9b --- /dev/null +++ b/core/src/components/avatar/usage/angular.md @@ -0,0 +1,19 @@ +```html + + + + + + + + + Chip Avatar + + + + + + + Item Avatar + +``` \ No newline at end of file diff --git a/core/src/components/avatar/usage/javascript.md b/core/src/components/avatar/usage/javascript.md new file mode 100644 index 0000000000..6255ae3e9b --- /dev/null +++ b/core/src/components/avatar/usage/javascript.md @@ -0,0 +1,19 @@ +```html + + + + + + + + + Chip Avatar + + + + + + + Item Avatar + +``` \ No newline at end of file diff --git a/core/src/components/text/readme.md b/core/src/components/text/readme.md index 164d679380..293a4d3657 100644 --- a/core/src/components/text/readme.md +++ b/core/src/components/text/readme.md @@ -3,37 +3,6 @@ The text component is a simple component that can be used to style the text color of any element. The `ion-text` element should wrap the element in order to change the text color of that element. -```html - -

H1: The quick brown fox jumps over the lazy dog

- - - -

H2: The quick brown fox jumps over the lazy dog

- - - -

H3: The quick brown fox jumps over the lazy dog

- - - -

H4: The quick brown fox jumps over the lazy dog

- - - -
H5: The quick brown fox jumps over the lazy dog
- - -

- I saw a werewolf with a Chinese menu in his hand. - Walking through the streets of Soho in the rain. - He was looking for a place called Lee Ho Fook's. - Gonna get a big dish of beef chow mein. - -

-``` - - diff --git a/core/src/components/text/usage/angular.md b/core/src/components/text/usage/angular.md new file mode 100644 index 0000000000..e2cfc519cf --- /dev/null +++ b/core/src/components/text/usage/angular.md @@ -0,0 +1,29 @@ +```html + +

H1: The quick brown fox jumps over the lazy dog

+ + + +

H2: The quick brown fox jumps over the lazy dog

+ + + +

H3: The quick brown fox jumps over the lazy dog

+ + + +

H4: The quick brown fox jumps over the lazy dog

+ + + +
H5: The quick brown fox jumps over the lazy dog
+ + +

+ I saw a werewolf with a Chinese menu in his hand. + Walking through the streets of Soho in the rain. + He was looking for a place called Lee Ho Fook's. + Gonna get a big dish of beef chow mein. + +

+``` \ No newline at end of file diff --git a/core/src/components/text/usage/javascript.md b/core/src/components/text/usage/javascript.md new file mode 100644 index 0000000000..e2cfc519cf --- /dev/null +++ b/core/src/components/text/usage/javascript.md @@ -0,0 +1,29 @@ +```html + +

H1: The quick brown fox jumps over the lazy dog

+ + + +

H2: The quick brown fox jumps over the lazy dog

+ + + +

H3: The quick brown fox jumps over the lazy dog

+ + + +

H4: The quick brown fox jumps over the lazy dog

+ + + +
H5: The quick brown fox jumps over the lazy dog
+ + +

+ I saw a werewolf with a Chinese menu in his hand. + Walking through the streets of Soho in the rain. + He was looking for a place called Lee Ho Fook's. + Gonna get a big dish of beef chow mein. + +

+``` \ No newline at end of file diff --git a/core/src/components/thumbnail/readme.md b/core/src/components/thumbnail/readme.md index c61e608320..355f7347e9 100644 --- a/core/src/components/thumbnail/readme.md +++ b/core/src/components/thumbnail/readme.md @@ -4,18 +4,6 @@ Thumbnails are square components that usually wrap an image or icon. They can be Thumbnails can be used by themselves or inside of any element. If placed inside of an `ion-item`, the thumbnail will resize to fit the parent component. To position a thumbnail on the left or right side of an item, set the slot to `start` or `end`, respectively. -```html - - - - - - - - - Item Thumbnail - -``` diff --git a/core/src/components/thumbnail/usage/angular.md b/core/src/components/thumbnail/usage/angular.md new file mode 100644 index 0000000000..5dca313b70 --- /dev/null +++ b/core/src/components/thumbnail/usage/angular.md @@ -0,0 +1,12 @@ +```html + + + + + + + + + Item Thumbnail + +``` \ No newline at end of file diff --git a/core/src/components/thumbnail/usage/javascript.md b/core/src/components/thumbnail/usage/javascript.md new file mode 100644 index 0000000000..5dca313b70 --- /dev/null +++ b/core/src/components/thumbnail/usage/javascript.md @@ -0,0 +1,12 @@ +```html + + + + + + + + + Item Thumbnail + +``` \ No newline at end of file