/
gsam
/
ui-kit-ce
Обзор
Документация
Войти
/
gsam
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/MediaQueryExample.tsx
22 строки
476 B
Pavel Uryadyshev
docs: фикс документации по хукам
20 ноя 2024, 15:28
20 ноя 2024, 15:28
5eff7c9
Код
Авторство
О чём код?
import * as React from 'react' import { useMediaQuery } from '@v-uik/base' export const MediaQueryExample = (): JSX.Element => { const size = useMediaQuery() if (size === 'lg') { return ( <div style={{ height: 500, width: '100%', border: '1px solid' }}> Size large </div> ) } /** Some content for smaller devices */ return ( <div style={{ height: 'auto', width: '100%', border: '1px solid' }}> Another size </div> ) }