-
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
a89545d
commit 5b34ef2
Showing
45 changed files
with
1,027 additions
and
687 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.
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 Date = () => ( | ||
| <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 Date |
20 changes: 20 additions & 0 deletions
20
docs/app/Examples/views/Feed/Content/FeedExampleDateContent.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 DateContent = () => ( | ||
| <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 DateContent |
24 changes: 24 additions & 0 deletions
24
docs/app/Examples/views/Feed/Content/FeedExampleDateContentProps.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 DateContentProps = () => ( | ||
| <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 DateContentProps |
24 changes: 24 additions & 0 deletions
24
docs/app/Examples/views/Feed/Content/FeedExampleDateProps.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 DateProps = () => ( | ||
| <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 DateProps |
21 changes: 21 additions & 0 deletions
21
docs/app/Examples/views/Feed/Content/FeedExampleDateSummary.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 DateSummary = () => ( | ||
| <Feed> | ||
| <Feed.Event> | ||
| <Feed.Label> | ||
| <img src='http://semantic-ui.com/images/avatar/small/jenny.jpg' /> | ||
| </Feed.Label> | ||
| <Feed.Content> | ||
| <Feed.Summary> | ||
| You added <a>Jenny Hess</a> to your <a>coworker</a> group. | ||
|
|
||
| <Feed.Date>3 days ago</Feed.Date> | ||
| </Feed.Summary> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default DateSummary |
22 changes: 22 additions & 0 deletions
22
docs/app/Examples/views/Feed/Content/FeedExampleDateSummaryProps.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 DateSummary = () => ( | ||
| <Feed> | ||
| <Feed.Event | ||
| image='http://semantic-ui.com/images/avatar/small/jenny.jpg' | ||
| summary='You added Jenny Hess to your coworker group.' | ||
| date='3 days ago' | ||
| /> | ||
|
|
||
| <Feed.Event> | ||
| <Feed.Label image='http://semantic-ui.com/images/avatar/small/jenny.jpg' /> | ||
| <Feed.Content | ||
| summary='You added Jenny Hess to your coworker group.' | ||
| date='3 days ago' | ||
| /> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default DateSummary |
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 AdditionalInformation = () => ( | ||
| <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 AdditionalInformation |
24 changes: 24 additions & 0 deletions
24
docs/app/Examples/views/Feed/Content/FeedExampleExtraImagesProps.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 images = [ | ||
| 'http://semantic-ui.com/images/wireframe/image.png', | ||
| 'http://semantic-ui.com/images/wireframe/image.png', | ||
| ] | ||
|
|
||
| const ExtraImagesProps = () => ( | ||
| <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={images} /> | ||
| </Feed.Content> | ||
| </Feed.Event> | ||
| </Feed> | ||
| ) | ||
|
|
||
| export default ExtraImagesProps |
Oops, something went wrong.