Add style guide examples for ContactName and ConversationTitle

This commit is contained in:
Scott Nonnenberg
2018-05-22 15:18:51 -07:00
parent 2988da0981
commit 9dedda84e2
3 changed files with 78 additions and 1 deletions

View File

@@ -0,0 +1,32 @@
#### With name and profile
```jsx
<div style={{ backgroundColor: 'gray', color: 'white' }}>
<ContactName
i18n={util.i18n}
name="Someone 🔥 Somewhere"
phoneNumber="+12025550011"
profileName="🔥Flames🔥"
/>
</div>
```
#### Profile, no name
```jsx
<div style={{ backgroundColor: 'gray', color: 'white' }}>
<ContactName
i18n={util.i18n}
phoneNumber="+12025550011"
profileName="🔥Flames🔥"
/>
</div>
```
#### No name, no profile
```jsx
<div style={{ backgroundColor: 'gray', color: 'white' }}>
<ContactName i18n={util.i18n} phoneNumber="+12025550011" />
</div>
```