{"id":13807975,"url":"https://github.com/MarvinKlein1508/BlazorTooltips","last_synced_at":"2025-05-14T02:31:00.958Z","repository":{"id":153832623,"uuid":"591260833","full_name":"MarvinKlein1508/BlazorTooltips","owner":"MarvinKlein1508","description":"A simple to use tooltip component based on bootstrap for both Blazor Server and WebAssembly","archived":false,"fork":false,"pushed_at":"2024-07-02T12:56:03.000Z","size":27565,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-14T13:55:05.381Z","etag":null,"topics":["blazor","blazor-server","blazor-webassembly","bootstrap","tooltips"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MarvinKlein1508.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-01-20T10:18:02.000Z","updated_at":"2024-10-11T02:03:41.000Z","dependencies_parsed_at":"2024-04-10T04:38:12.998Z","dependency_job_id":"f5754f47-e427-4c1c-b673-b432c7fbc1fe","html_url":"https://github.com/MarvinKlein1508/BlazorTooltips","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarvinKlein1508%2FBlazorTooltips","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarvinKlein1508%2FBlazorTooltips/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarvinKlein1508%2FBlazorTooltips/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MarvinKlein1508%2FBlazorTooltips/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MarvinKlein1508","download_url":"https://codeload.github.com/MarvinKlein1508/BlazorTooltips/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225273204,"owners_count":17448069,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blazor","blazor-server","blazor-webassembly","bootstrap","tooltips"],"created_at":"2024-08-04T01:01:33.068Z","updated_at":"2024-11-19T00:30:28.762Z","avatar_url":"https://github.com/MarvinKlein1508.png","language":"HTML","funding_links":[],"categories":["Libraries \u0026 Extensions"],"sub_categories":["2D/3D Rendering engines"],"readme":"# BlazorTooltips\nA simple to use blazor component to implement bootstrap tooltips in both Blazor server and Blazor WebAssembly apps. Based on Bootstrap.\n\nSee a live [demo](https://marvinklein1508.github.io/BlazorTooltips/) right here on github.\n\n## What's the difference between the default bootstrap tooltips?\nThe component is designed to manage the disposing of the tooltips. Once the component is not rendered anymore, it will be automatically disposed and hide the tooltip completely automatically.\n\nWith the vanilla implementation of Bootstrap tooltips you'll end up with an open tooltip after the page has navigated the user to a different component.\n\nMoreover it provides you with nice intellisense, so you'll don't need to remember every attribute.\n\n## Requirements\nThe bootstrap.min.js must be included in your project.\n\nIn blazor server you can add it within your `_Host.cshtml` file\n\n```html\n\u003cscript src=\"/js/bootstrap.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"_framework/blazor.server.js\"\u003e\u003c/script\u003e\n```\n\nIn Blazor WebAssembly you'll need to add it to your `index.html`\n\n```html\n\u003cscript src=\"/js/bootstrap.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"_framework/blazor.webassembly.js\"\u003e\u003c/script\u003e\n```\n\n\n## Installation\n\nYou can install from Nuget using the following command:\n\n`Install-Package BlazorTooltips`\n\nOr via the Visual Studio package manger.\n\n## Basic usage\nStart by add the following using statement to your root `_Imports.razor`.\n\n    @using BlazorTooltips\n\n\nYou can wrap the tooltip component around any HTML or blazor component. For example:\n```csharp\n\u003cTooltip Title=\"Default Tooltip\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eDefault Tooltip\u003c/button\u003e\n\u003c/Tooltip\u003e\n```\n\nBy default all tooltips will be shown on hover with a fade animation and placed on top. You can change this behaviour if you want like this:\n```csharp\n\u003cTooltip Title=\"Advanced tooltip\" \n         Placement=\"TooltipPlacement.Bottom\" \n         Animation=\"false\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eAdvanced tooltip\u003c/button\u003e\n\u003c/Tooltip\u003e\n```\n\nThe component also provides native support for HTML tooltips. If you don't want to show HTML within your tooltips you can disable this feature by setting `Html` to `false`\n\n```csharp\n\u003cTooltip Title=\"\u003cstrong\u003e\u003ci\u003eTooltip with HTML\u003c/i\u003e\u003c/strong\u003e\" Html=\"false\"\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eTooltip with HTML\u003c/button\u003e\n\u003c/Tooltip\u003e\n```\n\nYou can override almost any available option from this component by passing it down to the corresponding parameter. \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMarvinKlein1508%2FBlazorTooltips","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMarvinKlein1508%2FBlazorTooltips","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMarvinKlein1508%2FBlazorTooltips/lists"}