signal-desktop/ts/components/Spinner.md

48 lines
1.1 KiB
Markdown
Raw Normal View History

2019-06-26 19:33:13 +00:00
#### Normal, no size
```jsx
<util.ConversationContext theme={util.theme}>
2019-06-26 19:33:13 +00:00
<Spinner svgSize="normal" />
<div style={{ backgroundColor: '#2090ea' }}>
2019-06-26 19:33:13 +00:00
<Spinner svgSize="normal" />
</div>
</util.ConversationContext>
```
2019-06-26 19:33:13 +00:00
#### Normal, with size
```jsx
<util.ConversationContext theme={util.theme}>
2019-06-26 19:33:13 +00:00
<Spinner svgSize="normal" size="100px" />
<div style={{ backgroundColor: '#2090ea' }}>
2019-06-26 19:33:13 +00:00
<Spinner svgSize="normal" size="100px" />
</div>
</util.ConversationContext>
```
2019-06-26 19:33:13 +00:00
#### Small, no size
```jsx
<util.ConversationContext theme={util.theme}>
2019-06-26 19:33:13 +00:00
<Spinner svgSize="small" />
<div style={{ backgroundColor: '#2090ea' }}>
2019-06-26 19:33:13 +00:00
<Spinner svgSize="small" />
</div>
</util.ConversationContext>
```
#### Small, sizes
```jsx
<util.ConversationContext theme={util.theme}>
<Spinner svgSize="small" size="20px" />
<div style={{ backgroundColor: '#2090ea' }}>
<Spinner svgSize="small" size="20px" />
</div>
<Spinner svgSize="small" size="14px" />
<div style={{ backgroundColor: '#2090ea' }}>
<Spinner svgSize="small" size="14px" />
</div>
</util.ConversationContext>
```