/
githubmirror
/
wp-calypso
Обзор
Документация
Войти
/
githubmirror
/
wp-calypso
Код
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
trunk
client/components/tile-grid/docs/example.jsx
42 строки
1 KB
Michael Kelly
Auto-fix ESLint rule react/jsx-curly-brace-presence and start enforcing it (#69071)
17 окт 2022, 03:32
Не верифицирован
17 окт 2022, 03:32
31e64d9
Код
Авторство
О чём код?
import { PureComponent } from 'react'; import TileGrid from 'calypso/components/tile-grid'; import Tile from 'calypso/components/tile-grid/tile'; /** * Main */ class TileGridExample extends PureComponent { static displayName = 'TileGrid'; render() { return ( <TileGrid> <Tile buttonLabel="Start with a blog" description="To share your ideas, stories, and photographs with your followers." image="/calypso/images/illustrations/type-blog.svg" onClick={ () => console.log( 'Clicked on the Blog tile' ) } /> <Tile buttonLabel="Start with a website" description="To promote your business, organization, or brand and connect with your audience." image="/calypso/images/illustrations/type-website.svg" /> <Tile buttonLabel="Start with a portfolio" description="To present your creative projects in a visual showcase." image="/calypso/images/illustrations/type-portfolio.svg" href="#" /> <Tile buttonLabel="Start with an online store" description="To sell your products or services and accept payments." image="/calypso/images/illustrations/type-e-commerce.svg" href="#" /> </TileGrid> ); } } export default TileGridExample;