Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

curve-peek

v1.0.1arrow_drop_down
v1.0.1
v1.0.0
v0.0.1
STATUS
Passing
DOWNLOADS
346
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
7 months ago
SIZE
3 KB
An SVG component shaped like a parabola.
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.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
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';
toggle layout
modifieddraft
modifieddraft
chevron_left
chevron_right
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
NameTypeDefault valueDescription
filling
'none' | 'white' | 'cloud''white'

Select the color for the curve background.