signal-desktop/ts/components/Spinner.md
2019-07-17 11:29:51 -07:00

1.1 KiB

Normal, no size

<util.ConversationContext theme={util.theme}>
  <Spinner svgSize="normal" />
  <div style={{ backgroundColor: '#2090ea' }}>
    <Spinner svgSize="normal" />
  </div>
</util.ConversationContext>

Normal, with size

<util.ConversationContext theme={util.theme}>
  <Spinner svgSize="normal" size="100px" />
  <div style={{ backgroundColor: '#2090ea' }}>
    <Spinner svgSize="normal" size="100px" />
  </div>
</util.ConversationContext>

Small, no size

<util.ConversationContext theme={util.theme}>
  <Spinner svgSize="small" />
  <div style={{ backgroundColor: '#2090ea' }}>
    <Spinner svgSize="small" />
  </div>
</util.ConversationContext>

Small, sizes

<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>