/
githubmirror
/
styled-components
Обзор
Документация
Войти
/
githubmirror
/
styled-components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/benchmarks/src/implementations/inline-styles/Box.js
49 строк
852 B
Evan Jacobs
chore(bench): modernize benchmark UI, upgrade libraries, fix implementations
28 мар 2026, 01:06
28 мар 2026, 01:06
9b559a8
Код
Авторство
О чём код?
import React from 'react'; import View from './View'; const Box = ({ color, fixed = false, layout = 'column', outer = false, ...other }) => ( <View {...other} style={{ alignSelf: 'flex-start', ...styles[`color${color}`], ...(fixed && styles.fixed), ...(layout === 'row' && styles.row), ...(outer && styles.outer), }} /> ); const styles = { outer: { alignSelf: 'flex-start', padding: 4, }, row: { flexDirection: 'row', }, color0: { backgroundColor: '#14171A', }, color1: { backgroundColor: '#AAB8C2', }, color2: { backgroundColor: '#E6ECF0', }, color3: { backgroundColor: '#FFAD1F', }, color4: { backgroundColor: '#F45D22', }, color5: { backgroundColor: '#E0245E', }, fixed: { width: 6, height: 6, }, }; export default Box;