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

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

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

import type * as React from 'react';

export interface TitleSectionProps extends React.RefAttributes<HTMLDivElement> {
  title: string;
  description: string | React.JSX.Element;
}

export function TitleSection({ title, description, ...props }: TitleSectionProps) {
  return (
    <div className='text-center -space-y-2 my-6 max-md:text-sm' {...props}>
      <h1 className='text-4xl md:text-5xl font-bold'>{title}</h1>
      <p className='opacity-80 text-center'>{description}</p>
    </div>
  );
}

Title

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

Examples

Default

Title

Lorem ipsum dolor sit amet consectetur, adipisicing elit.

import { TitleSection } from '@/components/block/shuip/title-section';

export default function TitleSectionExample() {
  return <TitleSection title='Title' description='Lorem ipsum dolor sit amet consectetur, adipisicing elit.' />;
}

Prop

Type

Title Section

Title

Examples

Default

Title

On this page