twitter-card

A link preview with optional image.

Data

Assign a NonNullable<TwitterPost['card']> object to .data. Assign display settings to .options. Reassign the object to update the component.

import 'twitter-components/register'
const element = document.querySelector('twitter-card')
element.data = data
element.options = { theme: 'dark', countFormat: 'full' }

Slots

This component has no slots. Place a replacement in a post slot.

CSS parts

• image

See settings for the shared options and composition for slots and events. Each component uses only the settings that apply to it.