buntal/components

Meta

HTML meta tags component for managing page metadata, SEO tags, Open Graph properties, and Twitter Card data.

Source

View source on GitHub

Type Definition

function Meta(props: MetaProps): JSX.Element

type MetaProps = Partial<{
  title: string
  viewport: string
  description: string
  keywords: string
  author: string
  og: {
    title?: string
    description?: string
    image?: string
  }
  twitter: {
    title?: string
    description?: string
    image?: string
    card?: string
  }
}>

Parameters

ParameterTypeRequiredDefaultDescription
titlestring❌-Page title. Defaults to "Buntal App" if not provided
viewportstring❌-Viewport meta tag content. Defaults to "width=device-width, initial-scale=1"
descriptionstring❌-Page description for SEO and social sharing
keywordsstring❌-Comma-separated keywords for SEO
authorstring❌-Page author information
ogobject❌-Open Graph properties for social media sharing
twitterobject❌-Twitter Card properties for Twitter sharing

Properties

PropertyTypeRequiredDefaultDescription
og.titlestring❌-Open Graph title. Falls back to main title if not provided
og.descriptionstring❌-Open Graph description. Falls back to main description if not provided
og.imagestring❌-Open Graph image URL for social media previews
twitter.titlestring❌-Twitter Card title. Falls back to main title if not provided
twitter.descriptionstring❌-Twitter Card description. Falls back to main description if not provided
twitter.imagestring❌-Twitter Card image URL
twitter.cardstring❌-Twitter Card type (e.g., "summary", "summary_large_image")

Last modified: 2025-06-10