Nefarious Pomegranate Magnate
Have ideas to improve npm?Join in the discussion! »

styleshape

0.1.1 • Public • Published

styleshape

Create components with default styles passed to style.

  • 180 bytes
  • 0 dependencies

Example

import shape from "styleshape";
 
const SliderWrapper = shape("div")({
  position: "relative",
  whiteSpace: "nowrap",
  overflowX: "hidden",
  textAlign: "center",
  userSelect: "none"
});
 
const SliderTracker = shape("div")(props => ({
  width: "100%",
  display: "flex",
  alignItems: "stretch",
  transtion: "all 0.3s ease",
  margin: `${-props.gutter / 2}px`
}));
 
const Slide = shape("div")(props => ({
  position: "static",
  whiteSpace: "normal",
  overflowX: "visible",
  textAlign: "left",
  flexShrink: 0,
  margin: `${props.gutter / 2}px`
}));
<SliderWrapper>
  <SliderTracker gutter={10}>
    <Slide>First slide</Slide>
    <Slide>Second slide</Slide>
  </SliderTracker>
</SliderWrapper>

Keywords

none

Install

npm i styleshape

DownloadsWeekly Downloads

1

Version

0.1.1

License

MIT

Unpacked Size

2.51 kB

Total Files

5

Last publish

Collaborators

  • avatar