Docs/Presentations/Tooltip

Tooltip

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType

Properties

PresentationType string required

Tooltip provides a brief, informative message that is displayed when a user long-presses or hovers over a widget.

Message string optional

he message text that will be shown as primary content of the tooltip.

Height number, object optional

The height of the tooltip in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

BackgroundColor string, object optional

The background color of the tooltip which can be a valid color string (e.g., yellow or #FFFF00). Accepts a color name, the "primary" token, a #hex string, or a gradient object ({"Colors": [...], "Type": "Linear"|"Radial"|"Sweep"}).

Color string, object optional

FontSize number, object optional

The size of the text inside the tooltip in pixels. Accepts a responsive value map ({"sm": …, "md": …, "lg": …}).

Default 16

FontFamily string optional

The font family used for the text in the tooltip.

Default "DefaultUI"

Allowed DefaultUI DefaultMonospace Google:Inter Google:Roboto Google:Open Sans Google:Lato Google:Montserrat Google:Poppins Google:Nunito Google:Nunito Sans Google:Raleway Google:Work Sans Google:Rubik Google:Karla Google:Manrope Google:DM Sans Google:Outfit Google:Sora Google:Space Grotesk Google:Plus Jakarta Sans Google:Barlow Google:Cabin Google:Ubuntu Google:PT Sans Google:Fira Sans Google:Josefin Sans Google:Quicksand Google:Archivo Google:Noto Sans Google:Merriweather Google:Playfair Display Google:Lora Google:PT Serif Google:EB Garamond Google:Libre Baskerville Google:Crimson Text Google:Roboto Slab Google:Zilla Slab Google:Noto Serif Google:Oswald Google:Bebas Neue Google:Anton Google:Pacifico Google:Dancing Script Google:Caveat Google:Comfortaa Google:Righteous Google:Fira Code Google:JetBrains Mono Google:Roboto Mono Google:Source Code Pro Google:Space Mono Google:Inconsolata Google:Mukta Google:Hind Google:Noto Sans Devanagari

FontWeight string optional

The weight of the font used for the text in the tooltip.

Default "w400"

Padding number, object optional

The space between the text tooltip's content and its border. Accepts a number for all sides, or an LTRB object ({"Top": …, "Left": …, "Right": …, "Bottom": …}). Responsive value maps are NOT supported here and resolve to zero.

Child object optional

The widget to which the tooltip is attached. When the user hovers over or long-presses this widget, the tooltip will be displayed.

{ "$id": "/schema/Presentations/Tooltip/1.0/index.json", "type": "object", "title": "Tooltip", "$schema": "http://json-schema.org/draft-07/schema#", "required": [ "PresentationType" ], "properties": { "PresentationType": { "type": "string", "pattern": "Tooltip", "description": "Tooltip provides a brief, informative message that is displayed when a user long-presses or hovers over a widget. " }, "Message": { "type": "string", "description": "he message text that will be shown as primary content of the tooltip." }, "Height": { "type": [ "number", "object" ], "description": "The height of the tooltip in pixels. Accepts a responsive value map ({\"sm\": …, \"md\": …, \"lg\": …})." }, "BackgroundColor": { "type": [ "string", "object" ], "description": "The background color of the tooltip which can be a valid color string (e.g., yellow or #FFFF00). Accepts a color name, the \"primary\" token, a #hex string, or a gradient object ({\"Colors\": [...], \"Type\": \"Linear\"|\"Radial\"|\"Sweep\"}).", "x-editor": "color" }, "Color": { "type": [ "string", "object" ], "description": "The background color of the tooltip which can be a valid color string (e.g., yellow or #FFFF00). Accepts a color name, the \"primary\" token, a #hex string, or a gradient object ({\"Colors\": [...], \"Type\": \"Linear\"|\"Radial\"|\"Sweep\"}).", "x-editor": "color" }, "FontSize": { "type": [ "number", "object" ], "description": "The size of the text inside the tooltip in pixels. Accepts a responsive value map ({\"sm\": …, \"md\": …, \"lg\": …}).", "default": 16 }, "FontFamily": { "type": "string", "description": "The font family used for the text in the tooltip.", "default": "DefaultUI", "enum": [ "DefaultUI", "DefaultMonospace", "Google:Inter", "Google:Roboto", "Google:Open Sans", "Google:Lato", "Google:Montserrat", "Google:Poppins", "Google:Nunito", "Google:Nunito Sans", "Google:Raleway", "Google:Work Sans", "Google:Rubik", "Google:Karla", "Google:Manrope", "Google:DM Sans", "Google:Outfit", "Google:Sora", "Google:Space Grotesk", "Google:Plus Jakarta Sans", "Google:Barlow", "Google:Cabin", "Google:Ubuntu", "Google:PT Sans", "Google:Fira Sans", "Google:Josefin Sans", "Google:Quicksand", "Google:Archivo", "Google:Noto Sans", "Google:Merriweather", "Google:Playfair Display", "Google:Lora", "Google:PT Serif", "Google:EB Garamond", "Google:Libre Baskerville", "Google:Crimson Text", "Google:Roboto Slab", "Google:Zilla Slab", "Google:Noto Serif", "Google:Oswald", "Google:Bebas Neue", "Google:Anton", "Google:Pacifico", "Google:Dancing Script", "Google:Caveat", "Google:Comfortaa", "Google:Righteous", "Google:Fira Code", "Google:JetBrains Mono", "Google:Roboto Mono", "Google:Source Code Pro", "Google:Space Mono", "Google:Inconsolata", "Google:Mukta", "Google:Hind", "Google:Noto Sans Devanagari" ] }, "FontWeight": { "type": "string", "description": "The weight of the font used for the text in the tooltip.", "default": "w400" }, "Padding": { "type": [ "number", "object" ], "description": "The space between the text tooltip's content and its border. Accepts a number for all sides, or an LTRB object ({\"Top\": …, \"Left\": …, \"Right\": …, \"Bottom\": …}). Responsive value maps are NOT supported here and resolve to zero." }, "Child": { "type": "object", "description": "The widget to which the tooltip is attached. When the user hovers over or long-presses this widget, the tooltip will be displayed." } }, "x-icon": "<svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"11\" rx=\"2\"/><path d=\"M9 15l3 4 3-4\"/></svg>", "x-exports": { "html": true, "ios": true }, "x-family": "Presentations", "x-name": "Tooltip", "x-version": "1.0", "x-source-package": "zero-schema" }