refactor(tooltip): forward events, remove external props

Supports #7
This commit is contained in:
Eric Liu 2019-12-21 17:56:32 -08:00
commit b8a5d7bdcc
3 changed files with 6 additions and 8 deletions

View file

@ -4,7 +4,5 @@
</script>
<Layout>
<div>
<TooltipDefinition {...$$props}>Defintion Tooltip</TooltipDefinition>
</div>
<TooltipDefinition {...$$props}>Defintion Tooltip</TooltipDefinition>
</Layout>

View file

@ -7,7 +7,7 @@
export let triggerClassName = undefined;
export { triggerClassName as triggerClass };
export let tooltipText = '';
export let props = {};
export let style = undefined;
import { cx } from '../../lib';
@ -22,7 +22,7 @@
);
</script>
<div {...props} class={_class}>
<div class={_class} {style}>
<button
on:click
on:mouseover

View file

@ -5,7 +5,7 @@
export let align = 'center';
export let id = Math.random();
export let tooltipText = '';
export let props = {};
export let style = undefined;
import { cx } from '../../lib';
@ -19,13 +19,13 @@
</script>
<button
{...props}
on:click
on:mouseover
on:mouseenter
on:mouseleave
aria-describedby={id}
class={_class}
aria-describedby={id}>
{style}>
<span class={cx('--assistive-text')} {id}>{tooltipText}</span>
<slot />
</button>