Vue Newsroom Picture Component

<iframe src='https://gfycat.com/ifr/KindSourHammerkop' frameborder='0' scrolling='no' width='1548' height='1080' allowfullscreen></iframe> ## Properties ### Native image attributes 🛠 - `src`: String : URL, Specifies the URL of an image - `alt`: String : text, Specifies an alternate text for an image - `height`: String : pixels/%, Specifies the height of an image - `width`: String : pixels/%, Specifies the width of an image - `ismap`: boolean : ismap, Specifies an image as a server-side image-map - `longdesc`: String : URL, Specifies a URL to a detailed description of an image - `usemap`: String : #mapname, Specifies an image as a client-side image-map - `crossorigin` : String: anonymous | use-credentials, Allow images from third-party sites that allow cross-origin access to be used with canvas

Component attributes 🎨

• sheetcolor: String : Color, Specifies the Background-color of the Sharesheet
• iconcolor: String : Color, Specifies the Background-color of the Sharesheet
• position: String : bottom | top | left| right, Position of the Sharesheet
• size: String : pixels/%, height/width of the Sharesheet
• sharemessage: String : Will be shared in addition to the link. Per Default Website Title. In Facebook Share Dialog as Quote.
• fixed: String : Will be shared in addition to the link. Per Default Website Title. In Facebook Share Dialog as Quote.

Commands

• npm start - Starting a Server to run the demos/examples
• npm run-script demo - Building the demos/examples in /docs

Commands from the Boilerplate

• npm run clean - Remove lib/ directory
• npm test - Run tests with linting and coverage results.
• npm test:only - Run tests without linting or coverage.
• npm test:watch - You can even re-run tests on file changes!
• npm test:prod - Run tests with minified code.
• npm run test:examples - Test written examples on pure JS for better understanding module usage.
• npm run lint - Run ESlint with airbnb-config
• npm run cover - Get coverage report for your code.
• npm run build - Babel will transpile ES6 => ES5 and minify the code.
• npm run prepublish - Hook for npm. Do all the checks before publishing your module.

Roadmap

• Multiple Image Source (srcset .. )
• Mobile optimized
• different overlay modes
• custom icons