title-section

shuip/title-section

FreeBlock

shuip publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by shuip on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://shuip.plvo.dev/r/title-section.json

Source

./items/blocks/title-section/component.tsxshuip.plvo.dev/r/title-section.json

1import type * as React from 'react';
2 
3export interface TitleSectionProps extends React.RefAttributes<HTMLDivElement> {
4  title: string;
5  description: string | React.JSX.Element;
6}
7 
8export function TitleSection({ title, description, ...props }: TitleSectionProps) {
9  return (
10    <div className='text-center -space-y-2 my-6 max-md:text-sm' {...props}>
11      <h1 className='text-4xl md:text-5xl font-bold'>{title}</h1>
12      <p className='opacity-80 text-center'>{description}</p>
13    </div>
14  );
15}

What it pulls in

npm packages

react

Files it writes

./items/blocks/title-section/component.tsx

More from shuip

All 52 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
calendarcalendar	shuip	Blocks	Free	5 deps
data-tabledata-table	shuip	Blocks	Free	6 deps
kanbankanban	shuip	Blocks	Free	5 deps
responsive-dialogresponsive-dialog	shuip	Blocks	Free	1 dep