-
Notifications
You must be signed in to change notification settings - Fork 4.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(Feed): update props and shorthand
- Loading branch information
1 parent
cb5cb06
commit f519e1a
Showing
44 changed files
with
915 additions
and
636 deletions.
There are no files selected for viewing
82 changes: 0 additions & 82 deletions
82
docs/app/Examples/views/Feed/Content/AdditionalInformation.js
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
20 changes: 20 additions & 0 deletions
20
docs/app/Examples/views/Feed/Content/FeedExampleContentDate.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| import React from 'react' | ||
| import { Feed } from 'stardust' | ||
|
|
||
| const imageSrc = 'http://semantic-ui.com/images/avatar/small/jenny.jpg' | ||
|
|
||
| const FeedExampleContentDate = () => ( | ||
| <Feed> | ||
| <Feed.Event> | ||
| <Feed.Label image={imageSrc} /> | ||
| <Feed.Content> | ||
| <Feed.Date>3 days ago</Feed.Date> | ||
| <Feed.Summary> | ||
| You added <a>Jenny Hess</a> to your <a>coworker</a> group. | ||
| </Feed.Summary> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default FeedExampleContentDate |
19 changes: 19 additions & 0 deletions
19
docs/app/Examples/views/Feed/Content/FeedExampleContentDateShorthand.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| import React from 'react' | ||
| import { Feed } from 'stardust' | ||
|
|
||
| const image = 'http://semantic-ui.com/images/avatar/small/jenny.jpg' | ||
| const date = '3 days ago' | ||
| const summary = 'You added Jenny Hess to your coworker group.' | ||
|
|
||
| const FeedExampleContentDateShorthand = () => ( | ||
| <Feed> | ||
| <Feed.Event image={image} date={date} summary={summary} /> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image={image} /> | ||
| <Feed.Content date={date} summary={summary} /> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default FeedExampleContentDateShorthand |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| import React from 'react' | ||
| import { Feed } from 'stardust' | ||
|
|
||
| const imageSrc = 'http://semantic-ui.com/images/avatar/small/jenny.jpg' | ||
|
|
||
| const FeedExampleDate = () => ( | ||
| <Feed> | ||
| <Feed.Event> | ||
| <Feed.Label image={imageSrc} /> | ||
| <Feed.Content> | ||
| <Feed.Date>3 days ago</Feed.Date> | ||
| <Feed.Summary> | ||
| You added <a>Jenny Hess</a> to your <a>coworker</a> group. | ||
| </Feed.Summary> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image={imageSrc} /> | ||
| <Feed.Content> | ||
| <Feed.Date date='3 days ago' /> | ||
| <Feed.Summary> | ||
| You added <a>Jenny Hess</a> to your <a>coworker</a> group. | ||
| </Feed.Summary> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image={imageSrc} /> | ||
| <Feed.Content date='3 days ago'> | ||
| <Feed.Summary> | ||
| You added <a>Jenny Hess</a> to your <a>coworker</a> group. | ||
| </Feed.Summary> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image={imageSrc} /> | ||
| <Feed.Content | ||
| date='3 days ago' | ||
| summary='You added Jenny Hess to your coworker group.' | ||
| /> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default FeedExampleDate |
24 changes: 24 additions & 0 deletions
24
docs/app/Examples/views/Feed/Content/FeedExampleDateShorthand.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| import React from 'react' | ||
| import { Feed } from 'stardust' | ||
|
|
||
| const imageSrc = 'http://semantic-ui.com/images/avatar/small/jenny.jpg' | ||
|
|
||
| const FeedExampleDateShorthand = () => ( | ||
| <Feed> | ||
| <Feed.Event | ||
| image={imageSrc} | ||
| date='3 days ago' | ||
| summary='You added Jenny Hess to your coworker group.' | ||
| /> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image={imageSrc} /> | ||
| <Feed.Content | ||
| date='3 days ago' | ||
| summary='You added Jenny Hess to your coworker group.' | ||
| /> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default FeedExampleDateShorthand |
22 changes: 22 additions & 0 deletions
22
docs/app/Examples/views/Feed/Content/FeedExampleExtraImages.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import React from 'react' | ||
| import { Feed } from 'stardust' | ||
|
|
||
| const FeedExampleAdditionalInformation = () => ( | ||
| <Feed> | ||
| <Feed.Event> | ||
| <Feed.Label image='http://semantic-ui.com/images/avatar/small/helen.jpg' /> | ||
| <Feed.Content> | ||
| <Feed.Date>3 days ago</Feed.Date> | ||
| <Feed.Summary> | ||
| <a>Helen Troy</a> added 2 photos | ||
| </Feed.Summary> | ||
| <Feed.Extra images> | ||
| <a><img src='http://semantic-ui.com/images/wireframe/image.png' /></a> | ||
| <a><img src='http://semantic-ui.com/images/wireframe/image.png' /></a> | ||
| </Feed.Extra> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default FeedExampleAdditionalInformation |
37 changes: 37 additions & 0 deletions
37
docs/app/Examples/views/Feed/Content/FeedExampleExtraImagesShorthand.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| import React from 'react' | ||
| import { Feed } from 'stardust' | ||
|
|
||
| const image = 'http://semantic-ui.com/images/avatar/small/helen.jpg' | ||
| const date = '3 days ago' | ||
| const summary = 'Helen Troy added 2 photos' | ||
| const extraImages = [ | ||
| 'http://semantic-ui.com/images/wireframe/image.png', | ||
| 'http://semantic-ui.com/images/wireframe/image.png', | ||
| ] | ||
|
|
||
| const FeedExampleExtraImagesShorthand = () => ( | ||
| <Feed> | ||
| <Feed.Event | ||
| image={image} | ||
| date={date} | ||
| summary={summary} | ||
| extraImages={extraImages} | ||
| /> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image={image} /> | ||
| <Feed.Content date={date} summary={summary} extraImages={extraImages} /> | ||
| </Feed.Event> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image={image} /> | ||
| <Feed.Content> | ||
| <Feed.Date content={date} /> | ||
| <Feed.Summary content={summary} /> | ||
| <Feed.Extra images={extraImages} /> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default FeedExampleExtraImagesShorthand |
21 changes: 21 additions & 0 deletions
21
docs/app/Examples/views/Feed/Content/FeedExampleExtraText.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| import React from 'react' | ||
| import { Feed } from 'stardust' | ||
|
|
||
| const FeedExampleExtraText = () => ( | ||
| <Feed> | ||
| <Feed.Event> | ||
| <Feed.Label image='http://semantic-ui.com/images/avatar/small/laura.jpg' /> | ||
| <Feed.Content> | ||
| <Feed.Date>3 days ago</Feed.Date> | ||
| <Feed.Summary> | ||
| <a>Laura Faucet</a> created a post | ||
| </Feed.Summary> | ||
| <Feed.Extra text> | ||
| Have you seen what's going on in Israel? Can you believe it. | ||
| </Feed.Extra> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default FeedExampleExtraText |
Oops, something went wrong.