1.1.0 • Published 8 years ago
react-triangle-frame v1.1.0
react-triangle-frame
React high-order component that adds a frame with a triangle pointer around the wrapped component.
Installation
$ npm install react-triangle-frame --save
Example
import React from 'react'
import TriangleFrame from 'react-triangle-frame'
import ColorPicker from '/components/ColorPicker'
// default frame
const DefaultWrapper = TriangleFrame()(ColorPicker)
// custom frame
const CustomerWrapper = TriangleFrame({
color: 'yellow',
borderColor: 'red',
position: 'right'
})(ColorPicker)
API
TriangleFrame(config)(ComposedComponent)
Optionally you could pass a custom config:
###config.color###
String = #fff
Background color of the frame.
###config.borderColor###
String = rgba(0, 0, 0, 0.15)
Border color of the frame.
###config.position###
String = top
Position of the triangle pointer, which could be top
/bottom
/left
/right
.
###config.style###
Override the default frame CSS.