From 137966e6f86452a2631578e9cacda0e60ffb7a1e Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Sat, 3 May 2025 11:07:25 -0700 Subject: [PATCH] docs(tooltip-definition): improve docs --- docs/src/pages/components/TooltipDefinition.svx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/docs/src/pages/components/TooltipDefinition.svx b/docs/src/pages/components/TooltipDefinition.svx index 7ff316b9..c17c7b26 100644 --- a/docs/src/pages/components/TooltipDefinition.svx +++ b/docs/src/pages/components/TooltipDefinition.svx @@ -3,17 +3,19 @@ import Preview from "../../components/Preview.svelte"; +`TooltipDefinition` provides inline definitions for terms or concepts. It displays a tooltip when users hover over or focus on the defined term, making it ideal for providing additional context without cluttering the interface. + ## Default +Display a basic definition tooltip with the default bottom-center alignment. + Armonk ## Custom tooltip direction and alignment -Customize the tooltip menu direction and alignment through the `direction` and `align` props. - -By default, `direction` is `"bottom"` and `align` is `"center"`. +Customize the tooltip position using the `direction` and `align` props. The default direction is `"bottom"` and alignment is `"center"`. Armonk @@ -21,6 +23,8 @@ By default, `direction` is `"bottom"` and `align` is `"center"`. ## Custom tooltip slot +Use the `tooltip` slot to customize the tooltip content with additional styling or structure. + Armonk