Sha256: 4619bca06d0df776b41996a3ec47e48abb6bed122cf02c5056ada5eb9d28abcb

Contents?: true

Size: 958 Bytes

Versions: 3

Compression:

Stored size: 958 Bytes

Contents

import React from "react"
import Icon from "../_icon.jsx"

function IconSizes() {
  return (
    <div>
      <p><Icon icon="user" size="lg" /> <span>Large</span></p>
      <p><Icon icon="user" size="sm" /> <span>Small</span></p>
      <p><Icon icon="user" size="xs" /> <span>XSmall</span></p>

      <br/><br/>

      <p><Icon icon="user" size="1x" /> <span>1x</span></p>
      <p><Icon icon="user" size="2x" /> <span>2x</span></p>
      <p><Icon icon="user" size="3x" /> <span>3x</span></p>
      <p><Icon icon="user" size="4x" /> <span>4x</span></p>
      <p><Icon icon="user" size="5x" /> <span>5x</span></p>
      <p><Icon icon="user" size="6x" /> <span>6x</span></p>
      <p><Icon icon="user" size="7x" /> <span>7x</span></p>
      <p><Icon icon="user" size="8x" /> <span>8x</span></p>
      <p><Icon icon="user" size="9x" /> <span>9x</span></p>
      <p><Icon icon="user" size="10x" /> <span>10x</span></p>
    </div>
  )
}

export default IconSizes;

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
playbook_ui-2.9.1 app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx
playbook_ui-2.9.0 app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx
playbook_ui-2.8.9 app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx