/
githubmirror
/
wp-calypso
Обзор
Документация
Войти
/
githubmirror
/
wp-calypso
Код
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
trunk
client/components/header-cake/docs/example.jsx
53 строки
1 KB
Gabriel Demichelis
Headers: Replace /stats /subscribers header component with NavigationHeader (#83177)
18 окт 2023, 23:20
Не верифицирован
18 окт 2023, 23:20
59b0aad
Код
Авторство
О чём код?
import { Button } from '@automattic/components'; import { PureComponent } from 'react'; import HeaderCake from 'calypso/components/header-cake'; import NavigationHeader from 'calypso/components/navigation-header'; /** * Module vars */ const noop = function () {}; const action = () => alert( 'i <3 cake' ); export default class extends PureComponent { static displayName = 'Headers'; render() { return ( <div> <HeaderCake onClick={ noop }>Subsection Header aka Header Cake</HeaderCake> <p>Clicking header cake returns to previous section.</p> <HeaderCake onClick={ noop } actionIcon="status" actionText="Action" actionOnClick={ action } > Header Cake with optional Action Button </HeaderCake> <HeaderCake onClick={ noop } actionButton={ <Button compact primary onClick={ action }> An action </Button> } > Header Cake with a custom action button </HeaderCake> <NavigationHeader compactBreadcrumb={ false } navigationItems={ [] } mobileItem={ null } title="My Home" subtitle="NavigationHeader header with action button." screenReader="Home" > <Button target="_blank">Visit site</Button> </NavigationHeader> </div> ); } }