/
githubmirror
/
next.js
Обзор
Документация
Войти
/
githubmirror
/
next.js
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
canary
examples/with-edgedb/components/Header.tsx
49 строк
916 B
Hendrik Liebau
Remove deprecated `legacyBehavior` and `passHref` prop from `Link` component (#83003)
26 авг 2025, 15:04
Не верифицирован
26 авг 2025, 15:04
4b66771
Код
Авторство
О чём код?
import React from "react"; import Link from "next/link"; const Header: React.FC = () => { return ( <nav> <div className="left"> <Link href="/">Blog</Link> <Link href="/drafts">Drafts</Link> </div> <div className="right"> <Link href="/create">+ New draft</Link> </div> <style jsx>{` nav { display: flex; padding: 2rem; align-items: center; } .bold { font-weight: bold; } a { text-decoration: none; color: #000; display: inline-block; } a + a { margin-left: 1rem; } .right { margin-left: auto; } .right a { border: 2px solid black; padding: 0.5rem 1rem; border-radius: 3px; } `}</style> </nav> ); }; export default Header;