fix: active state of toggle input

pull/7668/head
Konstantinos Kaloutas 2022-12-15 14:47:16 +02:00 committed by Tienson Qin
parent 47106cf89b
commit b1d499abf7
2 changed files with 4 additions and 3 deletions

View File

@ -5,13 +5,14 @@ export interface TooltipProps extends ReactTooltip.TooltipContentProps {
side?: Side
sideOffset?: number
content?: React.ReactNode
asChild?: boolean
}
export function Tooltip({ side, content, sideOffset = 10, ...rest }: TooltipProps) {
export function Tooltip({ side, content, asChild=true, sideOffset = 10, ...rest }: TooltipProps) {
return content ? (
<ReactTooltip.Provider delayDuration={300}>
<ReactTooltip.Root>
<ReactTooltip.Trigger asChild>{rest.children}</ReactTooltip.Trigger>
<ReactTooltip.Trigger asChild={asChild}>{rest.children}</ReactTooltip.Trigger>
<ReactTooltip.Portal>
<ReactTooltip.Content
className="tl-tooltip-content"

View File

@ -16,7 +16,7 @@ export function ToggleInput({
...rest
}: ToggleInputProps) {
return (
<Tooltip content={title}>
<Tooltip content={title} asChild={false}>
<Toggle.Root
{...rest}
data-toggle={toggle}