Sha256: 06cfea94561058d25bd956a6809184550052c70051e5e4ae5f91960362fbc6a2

Contents?: true

Size: 849 Bytes

Versions: 6

Compression:

Stored size: 849 Bytes

Contents

<%# SVG fill color inherited from css color property %>
<div class="icon-wrapper">

  <% svg_url = "https://upload.wikimedia.org/wikipedia/commons/3/3b/Wrench_font_awesome.svg" %>
  <p><%= pb_rails("icon", props: { custom_icon: svg_url } ) %></p>
  <p><%= pb_rails("icon", props: { rotation: 90, custom_icon: svg_url, size: "2x" } ) %></p>
  <p><%= pb_rails("icon", props: { spin: true, custom_icon: svg_url, size: "3x" } ) %></p>
  <p><%= pb_rails("icon", props: { size: "5x", custom_icon: svg_url } ) %></p>
  <p><%= pb_rails("icon", props: { flip: "horizontal", size: "5x", custom_icon: svg_url } ) %></p>

  <%= pb_rails("body", props: {
    text: "Custom icons are compatible with other icon props (size, rotation,
    spin, flip, etc). Their SVG fill colors will be inherited from
    parent element's css color properties."
  } ) %>
</div>


Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
playbook_ui_docs-12.37.0.pre.alpha.svgiconmethods1064 app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb
playbook_ui-12.37.0.pre.alpha.svgiconmethods1064 app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb
playbook_ui-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb
playbook_ui_docs-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb
playbook_ui-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb