curve-peek

v1.0.1

v1.0.0

v0.0.1

STATUS

Passing

DOWNLOADS

548

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

3 KB

An SVG component shaped like a parabola.

SVG

1 contributor

Install curve-peek as a package?

Copied

npm i @bit/bit.base-ui.geometry.curve-peek

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

CurvePeek ()

An SVG component shaped like a parabola. Useful for separating two sections.
Being an html element, this component is very light and don’t require an additional network request.

The component comes with 2 predefined colors, ‘white’ and 'cloud’.
To use a custom color, set fillings to be "none", and apply the color with a css rule, e.g. { filling: '#7f1ae5' }

Properties

Name	Type	Default value	Description
filling	`'none' \| 'white' \| 'cloud'`	`'white'`	Select the color for the curve background.