## Feature Examples


### Structure
- description: Component consists of four areas: media, URL address, title, and description.
- example: 
```jsx 

```

### Size
- description: Choose the size of the preview from:</br>
        &emsp;- `large` - use for a preview generated by common social media platforms.<br/>
        &emsp;- `small` - use as alternative size for the Twitter platform only.
- example: 
```jsx 

```

### Skin
- description: Render preview for different social media platforms:<br/>
      &emsp;- `social` - use for a preview generated by common social media platforms.<br/>
      &emsp;- `twitter` - use to display a specific preview for twitter social media platform only
- example: 
```jsx 

```




    


## Common Use Case Examples


### Blog Post Share
- description: In combination with Inputs, Social Preview allows site owners to tailor their blog posts' appearance on social media.
- example: 
```jsx 

```