/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/hooks/examples/PaletteExample.tsx
31 строка
689 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 PaletteExample = (): JSX.Element => { const { palette } = usePalette() 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> ) }