Next JS Сборщик ПК

Space of React

требуется вход

Войдите, чтобы смотреть видео

Видеоуроки, интерактивный редактор и сохранение прогресса — бесплатно, сразу после входа.

Войти Создать аккаунт — бесплатно

Закончили урок?

Войдите, чтобы отмечать прогресс

Войти

Урок

Next JS Сборщик ПК — УрокКомпонент Typography — Next JS Сборщик ПК | Max Roslow | Space of React

Создание 2 файлов Typography в ui/

Создайте два отдельных файла в components/ui/:

1. `components/ui/typography-h1.tsx`


import { cn } from "@/lib/utils"
import { HTMLAttributes } from "react"

export function TypographyH1({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) {
  return (
    <h1 
      className={cn(
        "scroll-m-20 text-4xl font-bold tracking-tight text-center lg:text-5xl", 
        className
      )} 
      {...props}
    />
  )
}

2. `components/ui/typography-h3.tsx`


import { cn } from "@/lib/utils"
import { HTMLAttributes } from "react"

export function

Использование:


import { TypographyH1 } from "@/components/ui/typography-h1"
import { TypographyH3 } from "@/components/ui/typography-h3"

<TypographyH1>

Войдите, чтобы смотреть видео

Войдите, чтобы смотреть видео

Создание 2 файлов Typography в ui/

1. components/ui/typography-h1.tsx

2. components/ui/typography-h3.tsx

Использование:

1. `components/ui/typography-h1.tsx`

2. `components/ui/typography-h3.tsx`