Function: EnhancedTitle()

EnhancedTitle(__namedParameters): Element

Defined in: EnhancedTitle/EnhancedTitle.tsx:42

EnhancedTitle component renders a structured title section with icon, badges, and metadata.

This component is useful for displaying rich title sections with status indicators, feature tags, and supplementary information in a consistent layout.

Parameters

Parameter	Type
__namedParameters	EnhancedTitleProps

Returns

Element

Examples

<EnhancedTitle
  icon="fluent:shield-24-filled"
  title="Starter Plan"
  frontTitle="R$ 49,90/mês"
  description="Perfect for small teams"
  variant="primary"
  topBadges={[
    { label: 'Active', variant: 'positive', icon: 'fluent:checkmark-circle-24-filled' }
  ]}
  bottomBadges={[
    { label: 'OneClick Tracking', icon: 'fluent:checkmark-24-filled' }
  ]}
/>

<EnhancedTitle
  title="Pro Plan"
  frontTitle="$99/month"
  variant="accent"
  topBadges={[
    { label: 'Most Popular', variant: 'informative' }
  ]}
/>