# DecoLine

Decorative line that looks like its been cut out of whatever it's on top of. Works well on top of hero images and other visually rich backgrounds.

## Usage

```javascript
function render () {
  return (
    <Flex column>
      <Button>Create Account</Button>
      <Flex>
        <DecoLine w='36%' />
        or
        <DecoLine w='36%' />
      </Flex>
      <Button>Sign in with Google</Button>
    </Flex>
  )
}

## API - props

 No props - just all the same props as the [Base](https://github.com/vdux-components/ui/tree/master/src/docs/Base.md) component.

## License

MIT