Headline

Default

https://

Services

Why choose Astro

Each of the following features enhances Astro's value proposition.

Usage

---
import { Headline } from '@yatoday/astro-ui/astro';
---

<!-- Default -->
<Headline title="Why choose Astro" />

<!-- With all props -->
<Headline
  title="Why choose Astro"
  subtitle="Each of the following features enhances Astro's value proposition."
  tagline="Services"
  classes={{
    container: 'text-left',
    title: 'text-xl md:text-5xl',
    subtitle: 'text-red-500',
    tagline: 'text-sm',
  }}
/>

Props

Prop	Type	Default	Description
`as`	`string`	`h2`	HTML tag name for the wrapper
`title`	`string`	-	-
`subtitle`	`string`	-	-
`tagline`	`string`	-	-
`position`	`center` \| `left` \| `right`	`center`	-
`classes.container`	`string`	-	CSS classes for the wrapper container
`classes.title`	`string`	-	CSS classes for the `title`
`classes.subtitle`	`string`	-	CSS classes for the `subtitle`
`classes.tagline`	`string`	-	CSS classes for the `tagline`