Add flag to indicate when focusable is true or not | Fixes liferay#536

kienD · Feb 21, 2018 · cadb5ec · cadb5ec
1 parent 03f438e
commit cadb5ec
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/clay-icon/src/ClayIcon.js b/packages/clay-icon/src/ClayIcon.js
@@ -25,6 +25,15 @@ ClayIcon.STATE = {
 	 */
 	elementClasses: Config.string(),
 
+	/**
+	 * Flag to indicate when svg focusable or not.
+	 * @instance
+	 * @memberof ClayIcon
+	 * @type {?bool}
+	 * @default false
+	 */
+	focusable: Config.bool().value(false),
+
 	/**
 	 * Id to be applied to the element.
 	 * @instance

diff --git a/packages/clay-icon/src/ClayIcon.soy b/packages/clay-icon/src/ClayIcon.soy
@@ -7,6 +7,7 @@
 	{@param spritemap: string}
 	{@param symbol: string}
 	{@param? elementClasses: string}
+	{@param? focusable: bool}
 	{@param? id: string}
 	{@param? title: string}
 
@@ -20,6 +21,12 @@
 			{/if}
 		"
 
+		{if $focusable}
+			focusable="true"
+		{else}
+			focusable="false"
+		{/if}
+
 		{if $id}
 			id="{$id}"
 		{/if}