fix(Icon): hover cursor

TheComputerM · Sep 11, 2020 · 1809aa1 · 1809aa1
1 parent f6442e7
commit 1809aa1
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/svelte-materialify/src/components/Icon/Icon.svelte b/packages/svelte-materialify/src/components/Icon/Icon.svelte
@@ -6,20 +6,21 @@
   export let rotate = 0;
   export let disabled = false;
   export let path = null;
-  export let title = null;
+  export let label = null;
   export let style = null;
   export { klass as class };
 </script>
 
-<style type="scss" src="./Icon.scss">
+<style type="scss" src="./Icon.scss" global>
 </style>
 
 <i
   aria-hidden="true"
   class="s-icon {klass}"
-  {title}
+  aria-label={label}
   class:disabled
   use:Style={{ 'icon-size': size, 'icon-rotate': `${rotate}deg` }}
+  aria-disabled={disabled}
   {style}>
   {#if path}
     <svg
@@ -28,8 +29,8 @@
       height={size}
       viewBox="0 0 24 24">
       <path d={path}>
-        {#if title}
-          <title>{title}</title>
+        {#if label}
+          <title>{label}</title>
         {/if}
       </path>
     </svg>