mirror of
https://github.com/signalapp/Signal-Desktop.git
synced 2026-04-22 17:38:10 +01:00
Add style guide examples for ContactName and ConversationTitle
This commit is contained in:
32
ts/components/conversation/ContactName.md
Normal file
32
ts/components/conversation/ContactName.md
Normal 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>
|
||||
```
|
||||
Reference in New Issue
Block a user