Use AbsTooltip
This commit is contained in:
parent
a289ef31d1
commit
8b22beb0a2
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
let dispatch = createEventDispatcher()
|
let dispatch = createEventDispatcher()
|
||||||
|
|
||||||
import { ActionButton } from "@budibase/bbui"
|
import { ActionButton, AbsTooltip, TooltipType } from "@budibase/bbui"
|
||||||
|
|
||||||
export let value
|
export let value
|
||||||
export let options
|
export let options
|
||||||
|
@ -12,16 +12,17 @@
|
||||||
|
|
||||||
<div class="permissionPicker">
|
<div class="permissionPicker">
|
||||||
{#each options as option}
|
{#each options as option}
|
||||||
<ActionButton
|
<AbsTooltip text={option.tooltip} type={TooltipType.Info}>
|
||||||
on:click={() => dispatch("click", option.value)}
|
<ActionButton
|
||||||
{disabled}
|
on:click={() => dispatch("click", option.value)}
|
||||||
size="S"
|
{disabled}
|
||||||
icon={option.icon}
|
size="S"
|
||||||
quiet
|
icon={option.icon}
|
||||||
selected={option.value === value}
|
quiet
|
||||||
noPadding
|
selected={option.value === value}
|
||||||
tooltip={option.tooltip}
|
noPadding
|
||||||
/>
|
/>
|
||||||
|
</AbsTooltip>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue