d-share/example.html

Share buttons in Derby apps

<index:>
  <div>
    <h1>Large icons</h1>
    {{each urls as #share}}
    <div style="margin-bottom: 5px;">
      <share service="twitter" url="{{#share.url}}" text="{{#share.desc}}"></share>
      <share service="facebook" url="{{#share.url}}"></share>
      <share service="googleplus" url="{{#share.url}}"></share>
      <share service="tumblr" url="{{#share.url}}"></share>
      <share service="linkedin" url="{{#share.url}}" text="{{#share.desc}}"></share>
      {{#share.desc}}
    </div>
    {{/each}}
  </div>

  <div>
    <h3>Small icons</h3>
    {{each urls as #share}}
    <div style="margin-bottom: 5px;">
      <share service="twitter" url="{{#share.url}}" text="{{#share.desc}}" icon-size="16"></share>
      <share service="facebook" url="{{#share.url}}" icon-size="16"></share>
      <share service="googleplus" url="{{#share.url}}" icon-size="16"></share>
      <share service="tumblr" url="{{#share.url}}" icon-size="16"></share>
      <share service="linkedin" url="{{#share.url}}" text="{{#share.desc}}" icon-size="16"></share>
      {{#share.desc}}
    </div>
    {{/each}}
  </div>