BlockStrap Documentation

BS > Share

Block Description

The BS > Share Block is a feature-rich block that facilitates users in sharing your content across various social media platforms with a single click. This block includes sharing buttons for popular platforms like Facebook, Twitter, LinkedIn, and Email, alongside a direct link to share.

Block Features

The BS > Share Block includes a variety of features:

  • Customizable link output type as either a dropdown or individual icons.
  • Options to enable or disable individual social sharing services.
  • Options to customize the link text and icon class for a unique user experience.
  • Style control options for the button, including color and typography, available for both normal and hover states.
  • Advanced customization options like margin, padding, border color, and shadow.

Block Options


  • Link
    • OUTPUT TYPE (Dropdown: Dropdown or Icons): Select the display style for the share block, either as a dropdown format or individual icons.
    • LINK TEXT (Text Input): Specify custom text for the share link, or leave it blank for default dynamic text.
    • ICON CLASS (Text Input): Enter a specific Font Awesome icon class for the share link.
    • ICON POSITION (Dropdown): Adjust the position of the icon relative to the link text.
  • Services
    • FACEBOOK (Dropdown: Enabled/Disabled): Enable or disable the Facebook sharing service.
    • TWITTER (Dropdown: Enabled/Disabled): Enable or disable the Twitter sharing service. If enabled, add your Twitter handle with TWITTER HANDLE (Text Input) to include via @handle in the share. You can also specify the SHARE TEXT (Text Input) to prefix the URL.
    • LINKEDIN (Dropdown: Enabled/Disabled): Enable or disable the LinkedIn sharing service.
    • EMAIL (Dropdown: Enabled/Disabled): Enable or disable the Email sharing service.
    • LINK (Dropdown: Enabled/Disabled): Enable or disable the Copy Link option.


  • Button (Options are available for both Normal and Hover states)
    • LINK STYLE (Dropdown: None, Button, Button rounded, Iconbox bordered, Iconbox filled, Badge, Pill Badge): Select a style for your share link from the dropdown options.
    • COLOR (Dropdown Color Palette): Choose a color for the share link from the available palette.
    • TEXT COLOR (Dropdown Color Palette): Choose the color of the link text from the available palette.
  • Typography
    • FONT SIZE (Dropdown): Adjust the size of the link text.
    • APPEARANCE (Dropdown): Modify the appearance of the share block.
    • LETTER CASE (Dropdown): Control the casing (uppercase, lowercase, capitalize) of the share link text.


  • Wrapper Styles
    • Margins (Input Fields): Specify the margin values for the top, right, bottom, and left sides of the share block.
    • Padding (Input Fields): Adjust the padding values for the top, right, bottom, and left sides of the share block.
    • BORDER COLOR (Dropdown Color Palette): Select a color for the share block border from the available palette.
    • SHADOW (Dropdown): Apply a shadow effect to the share block.
  • Advanced
    • ADDITIONAL CSS CLASS(ES) (Input Field): Input one or more class names, separated by spaces, to apply custom CSS classes to the share block. This allows further customization using CSS rules defined in your theme or custom CSS file.