feature(TrysilPlug): Add support for custom DOM attributes (#767)

src/molecules/TrysilPlug.js

@@ -65,10 +65,11 @@ const TrysilPlug = ({
 	headingProps,
 	placeholderUrl,
 	column,
+	attributes,
 }) => {
 	const ArticleComponent = column ? ArticleCol : Article;
 	return (
-		<ArticleComponent {...column}>
+		<ArticleComponent {...column} {...attributes}>
 			<PlugLink href={url}>
 				{kicker && <Kicker>{kicker}</Kicker>}
 				{image
@@ -97,6 +98,8 @@ const TrysilPlug = ({
 };
 
 TrysilPlug.propTypes = {
+	/** Extra attributes you want on the DOM-node. e.g. data-cxense_Tag */
+	attributes: PropTypes.object, // eslint-disable-line
 	/** Text above the image plug. */
 	kicker: PropTypes.string,
 	/** Main link text. */
@@ -150,6 +153,7 @@ TrysilPlug.propTypes = {
 	preventBlur: PropTypes.bool,
 };
 TrysilPlug.defaultProps = {
+	attributes: {},
 	column: null,
 	kicker: '',
 	title: '',

stories/TrysilPlug/basic-issue.js

@@ -13,6 +13,9 @@ const TrysilPlugStory = () => (
 			url="https://example.com"
 			image="https://2.dbstatic.no/68712816.jpg?imageId=68712816&x=4.7222222222222&y=28.976572133169&cropw=90.740740740741&croph=60.419235511714&width=980&height=490&compression=70"
 			ratio={0.5}
+			attributes={{
+				'data-cxense_Tag': 'cerebro',
+			}}
 			labels={[
 				{
 					text: 'Meninger',