{"id":13715072,"url":"https://github.com/aboutjax/Framer-Feedback","last_synced_at":"2025-05-07T03:31:18.891Z","repository":{"id":81065456,"uuid":"115160592","full_name":"aboutjax/Framer-Feedback","owner":"aboutjax","description":"A Framer feedback module for faster prototyping","archived":false,"fork":false,"pushed_at":"2018-03-20T00:28:27.000Z","size":29819,"stargazers_count":20,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-14T03:34:22.735Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"CoffeeScript","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/aboutjax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-12-23T00:48:49.000Z","updated_at":"2018-07-29T14:25:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"0b605576-da33-4807-a0ef-35dceca9083d","html_url":"https://github.com/aboutjax/Framer-Feedback","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutjax%2FFramer-Feedback","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutjax%2FFramer-Feedback/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutjax%2FFramer-Feedback/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aboutjax%2FFramer-Feedback/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aboutjax","download_url":"https://codeload.github.com/aboutjax/Framer-Feedback/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252806432,"owners_count":21807202,"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-08-03T00:00:53.652Z","updated_at":"2025-05-07T03:31:13.881Z","avatar_url":"https://github.com/aboutjax.png","language":"CoffeeScript","funding_links":[],"categories":["Modules"],"sub_categories":[],"readme":"\u003ch3 align='center'\u003e\n    \u003ca href='#docs'\u003e\n        \u003cimg src='https://i.imgur.com/PXXcdSm.png' width='80' alt='Framer Feedback Icon' /\u003e\n    \u003c/a\u003e\n\u003c/h3\u003e\n\u003ch1 id='framer-modules' align='center'\u003eFramer Feedback\u003c/h1\u003e\n\u003ch3 align='center'\u003eEasily include feedback messages in your prototypes.\n\u003c/h3\u003e\n\u003ch3 align='center'\u003e\n\u003ca href='https://open.framermodules.com/framer-feedback'\u003e\n    \u003cimg alt='Install with Framer Modules'\n    src='https://www.framermodules.com/assets/badge@2x.png' width='160' height='40' /\u003e\n\u003c/a\u003e\n\u003c/h3\u003e\n\n\u003cbr /\u003e\n\n## Discover\nThe Feedback Module for Framer makes it easier for you to prototype with feedback messages. It allows you to easily spawn two different types of feedback messages in any part of your prototype.\n\n[![](https://media.giphy.com/media/3gL42l3ppwJC6eKxem/source.gif)](https://framer.cloud/UbNRL)\n\n## Example\n\n[Copy to clipboard](https://framer.cloud/GUsVL) - Feedback message when copying an app permalink to clipboard.\n\n## Including the Module\n\nTo include the Feedback Class as a module, place the `feedback.coffee` file inside the `/modules` folder of your prototype.\n\nInclude the module into your Framer project:\n\n```coffee\nFeedback = require \"feedback\"\n```\n\n## Generic Feedback\n\nBy default, the feedback component includes a dismissable icon at the end of the message. This is often used when you wish to show the user a message that needs their attention.\n\n```coffee\nfeedback = new Feedback\n  text: 'Hello world.'\n```\n\n![generic feedback](https://media.giphy.com/media/4ZobZB3GghKGwR1KVp/source.gif)\n\nSince this module extends [TextLayer.](https://framer.com/docs/#text.textlayer), it inherits all the goodness that comes with it.  For example, to invert the style of the feedback component (white background / dark text):\n\n```coffee\nfeedback = new Feedback\n  text: 'Hello world.'\n  color: 'black'\n  backgroundColor: 'white'\n```\n\n## Auto Dismiss Feedback\n\nIf an `autoDimiss` object is passed in as an option, it will dismiss itself after a set duration of time.\n\n```coffee\nfeedback = new Feedback\n  text: 'Hello world.'\n  autoDismiss:\n    duration: 3         # duration before auto dissmiss\n    color: '007AFF'     # counter bar color\n    counterHeight: 5    # counter bar height\n```\n\nSome `autoDismiss` options include:\n\n| Properties    | Type   | Description                                       |\n| :------------ | :----- | :------------------------------------------------ |\n| duration      | number | duration before feedback message dismisses itself |\n| color         | Color  | counter bar color                                 |\n| counterHeight | number | counter bar height                                |\n\n![auto dismiss feedback](https://media.giphy.com/media/O5txiLniPd3nI0CKcG/source.gif)\n\n## Listen to dismiss events\n\nYou can also listen to dismiss event to trigger other functions.\n\n```coffee\nfeedback = new feedback\n  text: 'Hello, world.'\n  autoDimiss:\n    duration: 2\n\nfeedback.onDimiss -\u003e\n  print 'feedback is dismissed'\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faboutjax%2FFramer-Feedback","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faboutjax%2FFramer-Feedback","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faboutjax%2FFramer-Feedback/lists"}