UNPKG

dap-design-system

Version:

Official design system for the DÁP (dap.gov.hu)

ghes.idomsoft.hu/idom-green/dap-design-system

26 lines (25 loc) • 1.46 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import { default as Component } from '../../components/tooltip/tooltip.js'; /** * `dap-ds-tooltip` * @summary A tooltip is a container for tooltip content. * @element dap-ds-tooltip * @title - Tooltip * * @slot - The content of the tooltip. * @slot trigger - The trigger element of the tooltip. * * @csspart base - The main tooltip container. * @csspart trigger - The trigger element of the tooltip. * @csspart popup - The popup of the tooltip. * @csspart arrow - The arrow of the tooltip. * * @cssproperty --dds-tooltip-max-width - The maximum width of the tooltip before its content will wrap (default: 14rem) * @cssproperty --dds-tooltip-padding - The padding inside the tooltip (default: var(--dds-spacing-400)) * @cssproperty --dds-tooltip-border-color - The border color of the tooltip (default: var(--dds-border-neutral-subtle)) * @cssproperty --dds-tooltip-bg-color - The background color of the tooltip (default: var(--dds-background-neutral-base)) * @cssproperty --dds-tooltip-text-color - The text color of the tooltip (default: var(--dds-text-neutral-base)) * @cssproperty --dds-tooltip-font-size - The font size of the tooltip text (default: var(--dds-font-sm)) * @cssproperty --dds-tooltip-box-shadow - The box shadow of the tooltip (default: 0 8px 12px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 6%)) */ declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>; export default reactWrapper;