Ripple Design System

Social share

The Social share component shows a list of links to help users to share pages to social media.


Use social share to let users share pages to their own social media channels.

It uses the social media icons to:

  • provide extra context
  • distinguish between the different social media channels.

The link labels should clearly indicate the platform the user is sharing the page to.

When and how to use

  • Use it to enable users to share pages to social media.
  • Place in sidebar section of pages.
  • Link labels should be the social media platform name.

When and how not to use

  • Don't use for links to sites that aren't social media channels.
  • Avoid placing in a page's body section.
  • Don't use with labels that aren't social media platform names.


Social share uses colour for:

  • indicating an action to users
  • icons.

To create your own theme see theming guidance for designers or theming guidance for developers.

Propose a change to this page on GitHub.