/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/PaletteLevelExample.tsx
31 строка
696 B
Ivan Iakovlev
docs(hooks): добавлены stories по хукам
20 ноя 2024, 11:54
20 ноя 2024, 11:54
7538000
Код
Авторство
О чём код?
import * as React from 'react' import { usePalette, Text } from '@v-uik/base' export const PaletteLevelExample = (): JSX.Element => { const { palette } = usePalette(60) return ( <div style={{ width: '100%', display: 'grid', gridTemplateColumns: 'repeat(9, 1fr)', }} > {palette.map((x, key) => ( <div key={key} style={{ background: x.backgroundColor, height: 70, display: 'flex', alignItems: 'center', justifyContent: 'center', }} > <Text style={{ color: x.textColor }}>Color</Text> </div> ))} </div> ) }