{"id":23053459,"url":"https://github.com/component/tip","last_synced_at":"2025-08-15T03:32:54.042Z","repository":{"id":4163318,"uuid":"5278281","full_name":"component/tip","owner":"component","description":"Tooltips with a nice flexible API","archived":false,"fork":false,"pushed_at":"2016-04-01T20:21:52.000Z","size":201,"stargazers_count":95,"open_issues_count":7,"forks_count":35,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-12-01T03:14:56.258Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://component.github.io/tip/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/component.png","metadata":{"files":{"readme":"Readme.md","changelog":"History.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-08-02T21:43:20.000Z","updated_at":"2024-01-21T18:57:04.000Z","dependencies_parsed_at":"2022-09-18T01:32:10.618Z","dependency_job_id":null,"html_url":"https://github.com/component/tip","commit_stats":null,"previous_names":[],"tags_count":36,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/component%2Ftip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/component%2Ftip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/component%2Ftip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/component%2Ftip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/component","download_url":"https://codeload.github.com/component/tip/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229890476,"owners_count":18140106,"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":[],"created_at":"2024-12-16T00:18:17.957Z","updated_at":"2024-12-16T00:18:18.540Z","avatar_url":"https://github.com/component.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tip\n\n  Tip component. Inspired by [tipsy](https://github.com/jaz303/tipsy) without the weird jQuery\n  API.\n\n  ![js tip component](http://f.cl.ly/items/2H1D232Y0g1T3g1G0l3s/Screen%20Shot%202012-08-02%20at%202.31.50%20PM.png)\n  ![js tip with markup](http://f.cl.ly/items/2h1F2B1P1C3M0g0a0M0n/Screen%20Shot%202012-08-02%20at%203.34.06%20PM.png)\n\n  ![js maru](http://f.cl.ly/items/1I2V2o0q3M2p1E2H183w/Screen%20Shot%202012-08-02%20at%206.48.28%20PM.png)\n\n  Live demo is [here](http://component.github.io/tip/).\n\n## Installation\n\n``` bash\n$ npm install component-tip\n```\n\n## Features\n\n  - events for composition\n  - \"auto\" positioning on window resize / scroll\n  - fluent API\n\n## Events\n\n  - `show` the tip is shown\n  - `hide` the tip is hidden\n\n## API\n\n### Tip(el, string)\n\n  Equivalent to `Tip(el, { value: string })`.\n\n### Tip(el, [options])\n\n  Attach a `Tip` to an element, and display the `title`\n  attribute's contents on hover. Optionally apply a hide `delay`\n  in milliseconds.\n  Also if `static` is true the tip will be fixed to its initial position.\n\n```js\nvar tip = require('tip');\ntip('a[title]', { delay: 300 });\n```\n\n### new Tip(content, [options])\n\n  Create a new tip with `content` being\n  either a string, html, element, etc.\n\n```js\nvar Tip = require('tip');\nvar tip = new Tip('Hello!');\ntip.show('#mylink');\n```\n\n### Tip#position(type, [options])\n\n  - `top`\n  - `top right`\n  - `top left`\n  - `bottom`\n  - `bottom right`\n  - `bottom left`\n  - `right`\n  - `left`\n\nOptions:\n\n  - `auto` set to __false__ to disable auto-positioning\n\n### Tip#show(el)\n\n  Show the tip attached to `el`, where `el`\n  may be a selector or element.\n\n### Tip#show(x, y)\n\n  Show the tip at the absolute position `(x, y)`.\n\n### Tip#hide([ms])\n\n  Hide the tip immediately or wait `ms`.\n\n### Tip#attach(el)\n\n  Attach the tip to the given `el`, showing on `mouseover` and hiding on `mouseout`.\n\n### Tip#effect(name)\n\n  Use effect `name`. Default with `Tip.effect = 'fade'` for example.\n\n### Themes\n\n  - [Aurora](https://github.com/component/aurora-tip)\n  - [Nightrider](https://github.com/jb55/nightrider-tip)\n\n## License\n\n  MIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcomponent%2Ftip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcomponent%2Ftip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcomponent%2Ftip/lists"}