Шапка

Header предоставляет адаптивные зоны логотипа, навигации и действий, вариант с центрированным логотипом, обычное и прозрачное оформление, а также управляемое мобильное меню с доступной семантикой раскрытия/сворачивания.

Пример

Интерактивный пример

DenJS

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

Импортируйте компонент из публичной точки входа пакета.

import { Button, Header } from "denjs-ui";

export function Example() {
  return (
    <Header
      brand={<a href="/">DenJS</a>}
      navigation={<a href="/docs">Docs</a>}
      actions={<Button href="/start" size="sm">Get started</Button>}
    />
  );
}