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> </script>
<Layout> <Layout>
<div>
<TooltipDefinition {...$$props}>Defintion Tooltip</TooltipDefinition> <TooltipDefinition {...$$props}>Defintion Tooltip</TooltipDefinition>
</div>
</Layout> </Layout>

View file

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

View file

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