React-interface NPM | npm.io

0.9.9 • Published 5 years ago

Install

Weekly downloads

11

License

MIT

Repository

Last release

5 years ago

react-interface

Quickly build interfaces that look great with your brand colors.

Styling Components

// global theme
// good for DRYing up components, global defaults
'button.color' : colors.gray[4]
'button.color': darken(1/20, props.theme['button.background'])

// composition
// powerful way to add custom functionality built on top of react-interface
const CustomButton = Button.extend`
  color: ${props => darken(1/20, props.theme['button.color'])};
`

// component props
// convenient way to override props in specific cases
<Button color="gray.4">
<Button color="button">
<Button color="#fff">
<Button color={darken}>

Note that properties unrelated to color (radius, spacing, etc) are better served as props to the component or done through composition/defaults. Color properties are often better configured in the theme to reduce boilerplate and improve consistency. This is particularly true if you plan to offer multiple themes, such as a dark and light option.

react-component

chroma-js classnames color deepmerge dom-helpers element-resize-detector glamor grid-styled polished prop-types react-feather react-popper react-show styled-components styled-system

@infinitebrahmanuniverse/nolb-react-in @everything-registry/sub-chunk-2562 react-story

5 years ago

6 years ago

6 years ago

6 years ago

0.9.5-alpha.0.9

6 years ago

0.9.5-alpha.0.8

6 years ago

0.9.5-alpha.0.7

6 years ago

0.9.5-alpha.0.6

6 years ago

0.9.5-alpha.0.5

6 years ago

0.9.5-alpha.0.4

6 years ago

0.9.5-alpha.0.3

6 years ago

0.9.5-alpha.0.2

6 years ago

0.9.5-alpha.0.1

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

0.9.4-alpha.0.9

6 years ago

0.9.4-alpha.0.8

6 years ago

0.9.4-alpha.0.7

6 years ago

0.9.4-alpha.0.6

6 years ago

0.9.4-alpha.0.5

6 years ago

0.9.4-alpha.0.4

6 years ago

0.9.4-alpha.0.3

6 years ago

0.9.4-alpha.0.2

6 years ago

0.9.4-alpha.0.1

6 years ago

0.9.4-alpha.0.0.9

6 years ago

0.9.4-alpha.0.0.8

6 years ago

0.9.4-alpha.0.0.6

6 years ago

0.9.4-alpha.0.0.5

6 years ago

0.9.4-alpha.0.0.4

6 years ago

0.9.4-alpha.0.0.3

6 years ago

0.9.4-alpha.0.0.2

6 years ago

0.9.4-alpha.0.0.1

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago