@wix/design-system
Version:
@wix/design-system
47 lines (26 loc) • 941 B
Markdown
## 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>
 - `large` - use for a preview generated by common social media platforms.<br/>
 - `small` - use as alternative size for the Twitter platform only.
- example:
```jsx
```
### Skin
- description: Render preview for different social media platforms:<br/>
 - `social` - use for a preview generated by common social media platforms.<br/>
 - `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
```