Heading(level: 1) { "This is an H1 title" }

Heading(level: 2) { "This is an H2 title" }

Heading(level: 3) { "This is an H3 title" }

Heading(level: 4) { "This is an H4 title" }

Text { "This is an P tag" }

Text(class: 'text-center') do
	plain "Checkout our "
	InlineLink(href: helpers.docs_installation_path) { "installation instructions" }
	plain " to get started."
end

Components.TypographyList(items: [
		'Phlex is fast',
		'Phlex is easy to use',
		'Phlex is awesome',
	])

Components.TypographyList(items: [
		'Copy',
		'Paste',
		'Customize',
	], numbered: true)

InlineCode { "This is an inline code block" }

Text(as: "p", size: "5", weight: "muted") { "A modal dialog that interrupts the user with important content and expects a response." }

Text(size: "4", weight: "semibold") { "Are you sure absolutely sure?" }

Text(size: "sm") { "Email address" }

Text(size: "2", class: "text-muted-foreground") { "Enter your email address." }