# Share

<figure><img src="/files/IZw7clENouNsrw9jjPpn" alt=""><figcaption></figcaption></figure>

## Overview

A customizable share component that allows users to easily share content to social media platforms. Features a share button with dynamic text feedback. Supports sharing to Facebook, Twitter/X, Pinterest, and LinkedIn, with native sharing on supported devices.

## Common use cases

* Add social sharing buttons to product pages
* Enable content sharing on blog posts
* Create shareable links for promotions
* Allow users to share pages on social media
* Provide quick sharing options for articles

## Compatible blocks

The following blocks can be nested within this block:

* [Container](/slab/content/blocks/layout/container.md)

## Block settings

### General

| Setting                | Description                                            | Options                   |
| ---------------------- | ------------------------------------------------------ | ------------------------- |
| Show advanced settings | Reveals direction, horizontal position, and visibility | Checkbox (default: false) |

### Content

| Setting                | Description                  | Options                  |
| ---------------------- | ---------------------------- | ------------------------ |
| Enable Facebook share  | Shows Facebook share button  | Checkbox (default: true) |
| Enable X/Twitter share | Shows X/Twitter share button | Checkbox (default: true) |
| Enable Pinterest share | Shows Pinterest share button | Checkbox (default: true) |
| Enable LinkedIn share  | Shows LinkedIn share button  | Checkbox (default: true) |

### Spacing

| Setting                   | Description                                  | Options                   |
| ------------------------- | -------------------------------------------- | ------------------------- |
| Enable horizontal padding | Adds horizontal padding inside the container | Checkbox (default: false) |
| Enable top padding        | Adds top padding                             | Checkbox (default: false) |
| Enable bottom padding     | Adds bottom padding                          | Checkbox (default: false) |

### Layout

| Setting              | Description                                                             | Options                                                                                                                 |
| -------------------- | ----------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| Width                | Controls the width of the share dropdown                                | 100 - 400 px (default: 250)                                                                                             |
| Direction            | Controls whether the dropdown opens up or down                          | <p>• Up (default)<br>• Down</p><p><br><br>Visible when <strong>Show advanced settings</strong> is on</p>                |
| Horizontal position  | Controls horizontal positioning of the dropdown relative to the trigger | <p>• Left (default)<br>• Center<br>• Right</p><p><br><br>Visible when <strong>Show advanced settings</strong> is on</p> |
| Horizontal alignment | Controls horizontal alignment of the share button                       | <p>• Left (default)<br>• Center<br>• Right</p>                                                                          |

### Display

| Setting    | Description                        | Options                                                                                                                            |
| ---------- | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Visibility | Controls when the block is visible | <p>• All (default)<br>• Mobile only<br>• Desktop only</p><p><br><br>Visible when <strong>Show advanced settings</strong> is on</p> |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/slab/content/blocks/basics/share.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.