Ripple Design System

Social share

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

#Usage

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.

#Theming

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.