feat: add internal/external variants

platform-coop-toolkit · Jan 31, 2020 · 654b254 · 654b254
1 parent 69070e1
commit 654b254
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/01-atoms/06-call-to-action/call-to-action.config.js b/src/components/01-atoms/06-call-to-action/call-to-action.config.js
@@ -7,6 +7,12 @@ module.exports = {
 		standAlone: false
 	},
 	variants: [
+		{
+			name: 'External',
+			context: {
+				external: true,
+			}
+		},
 		{
 			name: 'Inverse',
 			context: {

diff --git a/src/components/01-atoms/06-call-to-action/call-to-action.njk b/src/components/01-atoms/06-call-to-action/call-to-action.njk
@@ -1,4 +1,4 @@
 {% if not standAlone %}<span></span>{% endif %}
 <p>
-	<a href="{{ href }}" class="cta{% if modifier %} cta--{{ modifier }}{% endif %}">{{ label }}{% render '@svg', {svg: 'external'}, true %}</a>
+	<a {% if external %}rel="external" {% endif %}href="{{ href }}" class="cta{% if modifier %} cta--{{ modifier }}{% endif %}">{{ label }}{% if external %}{% render '@svg', {svg: 'external'}, true %}{% endif %}</a>
 </p>