From f6de0f524d9f254840ecd45f8d1ec9337011d296 Mon Sep 17 00:00:00 2001 From: Hai Nguyen Date: Sat, 13 Jun 2015 10:02:59 -0500 Subject: [PATCH] [docs] Added more examples to list docs --- .../app/components/pages/components/lists.jsx | 211 +++++++++++++++--- 1 file changed, 181 insertions(+), 30 deletions(-) diff --git a/docs/src/app/components/pages/components/lists.jsx b/docs/src/app/components/pages/components/lists.jsx index c71cf01c5fa222..7d12c44eb2c1d6 100644 --- a/docs/src/app/components/pages/components/lists.jsx +++ b/docs/src/app/components/pages/components/lists.jsx @@ -28,20 +28,91 @@ class SnackbarPage extends React.Component { } render() { - var code = - '\n' + - ' }>Inbox\n' + - ' }>Starred\n' + - ' }>Sent mail\n' + - ' }>Drafts\n' + - '\n' + - '\n' + - '\n' + - ' }>All mail\n' + - ' }>Trash\n' + - ' }>Spam\n' + - ' }>Follow up\n' + - ''; + + var code = ` + //First Example + + }>Inbox + }>Starred + }>Sent mail + }>Drafts + + + + }>All mail + }>Trash + }>Spam + }>Follow up + + + //Last Example + + } + rightIcon={} + secondaryText={ +

+ Brunch this weekend?
+ I'll be in your neighborhood doing errands this weekend. Do you want to grab brunch? +

+ } + secondaryTextLines={2}> + Brendan Lim + + + } + rightIcon={} + secondaryText={ +

+ Summer BBQ
+ Wish I could come, but I'm out of town this weekend. +

+ } + secondaryTextLines={2}> + me, Scott, Jennifer + + + } + rightIcon={} + secondaryText={ +

+ Oui oui
+ Do you have any Paris recs? Have you ever been? +

+ } + secondaryTextLines={2}> + Grace Ng + + + } + rightIcon={} + secondaryText={ +

+ Birthday gift
+ Do you have any ideas what we can get Heidi for her birthday? How about a pony? +

+ } + secondaryTextLines={2}> + Kerem Suer + + + } + rightIcon={} + secondaryText={ +

+ Recipe to try
+ We should eat this: grated squash. Corn and tomatillo tacos. +

+ } + secondaryTextLines={2}> + Raquel Parrado + + + `; var componentInfo = [ { @@ -285,37 +356,67 @@ class SnackbarPage extends React.Component { } - secondaryText={

Brendan Lim -- I'll be in your neighborhood this weekend.

}> + secondaryText={ +

+ Brendan Lim -- + I'll be in your neighborhood this weekend. +

+ }> Brunch this weekend? } - secondaryText={

to me, Scott, Jennifer -- Wish I could but I can

}> + secondaryText={ +

+ to me, Scott, Jennifer -- + Wish I could but I can +

+ }> Summer BBQ  4 } - secondaryText={

Grace Ng -- Do you have Paris recommendations?

}> + secondaryText={ +

+ Grace Ng -- + Do you have Paris recommendations? +

+ }> Oui oui } - secondaryText={

Kerem Suer -- Do you have any ideas on what I

}> + secondaryText={ +

+ Kerem Suer -- + Do you have any ideas on what I +

+ }> Birthday gift } - secondaryText={

Raquel Parrado -- We should eat this: grated cheese

}> + secondaryText={ +

+ Raquel Parrado -- + We should eat this: grated cheese +

+ }> Recipe to try } - secondaryText={

Chelsea Otakan -- Any interest in seeing the Giants

}> + secondaryText={ +

+ Chelsea Otakan -- + Any interest in seeing the Giants +

+ }> Giants game @@ -325,35 +426,60 @@ class SnackbarPage extends React.Component { } - secondaryText={

Brendan Lim -- I'll be in your neighborhood doing errands this weekend. Do you want to grab brunch?

} + secondaryText={ +

+ Brendan Lim -- + I'll be in your neighborhood doing errands this weekend. Do you want to grab brunch? +

+ } secondaryTextLines={2}> Brunch this weekend? } - secondaryText={

to me, Scott, Jennifer -- Wish I could come, but I'm out of town this weekend.

} + secondaryText={ +

+ to me, Scott, Jennifer -- + Wish I could come, but I'm out of town this weekend. +

+ } secondaryTextLines={2}> Summer BBQ  4 } - secondaryText={

Grace Ng -- Do you have Paris recommendations? Have you ever been?

} + secondaryText={ +

+ Grace Ng -- + Do you have Paris recommendations? Have you ever been? +

+ } secondaryTextLines={2}> Oui oui } - secondaryText={

Kerem Suer -- Do you have any ideas what we can get Heidi for her birthday? How about a pony?

} + secondaryText={ +

+ Kerem Suer -- + Do you have any ideas what we can get Heidi for her birthday? How about a pony? +

+ } secondaryTextLines={2}> Birthday gift } - secondaryText={

Raquel Parrado -- We should eat this: grated squash. Corn and tomatillo tacos.

} + secondaryText={ +

+ Raquel Parrado -- + We should eat this: grated squash. Corn and tomatillo tacos. +

+ } secondaryTextLines={2}> Recipe to try @@ -365,7 +491,12 @@ class SnackbarPage extends React.Component { } rightIcon={} - secondaryText={

Brunch this weekend?
I'll be in your neighborhood doing errands this weekend. Do you want to grab brunch?

} + secondaryText={ +

+ Brunch this weekend?
+ I'll be in your neighborhood doing errands this weekend. Do you want to grab brunch? +

+ } secondaryTextLines={2}> Brendan Lim @@ -373,7 +504,12 @@ class SnackbarPage extends React.Component { } rightIcon={} - secondaryText={

Summer BBQ
Wish I could come, but I'm out of town this weekend.

} + secondaryText={ +

+ Summer BBQ
+ Wish I could come, but I'm out of town this weekend. +

+ } secondaryTextLines={2}> me, Scott, Jennifer @@ -381,7 +517,12 @@ class SnackbarPage extends React.Component { } rightIcon={} - secondaryText={

Oui oui
Do you have any Paris recs? Have you ever been?

} + secondaryText={ +

+ Oui oui
+ Do you have any Paris recs? Have you ever been? +

+ } secondaryTextLines={2}> Grace Ng @@ -389,7 +530,12 @@ class SnackbarPage extends React.Component { } rightIcon={} - secondaryText={

Birthday gift
Do you have any ideas what we can get Heidi for her birthday? How about a pony?

} + secondaryText={ +

+ Birthday gift
+ Do you have any ideas what we can get Heidi for her birthday? How about a pony? +

+ } secondaryTextLines={2}> Kerem Suer @@ -397,7 +543,12 @@ class SnackbarPage extends React.Component { } rightIcon={} - secondaryText={

Recipe to try
We should eat this: grated squash. Corn and tomatillo tacos.

} + secondaryText={ +

+ Recipe to try
+ We should eat this: grated squash. Corn and tomatillo tacos. +

+ } secondaryTextLines={2}> Raquel Parrado