{"id":13432898,"url":"https://github.com/gritcode/gritcode-components","last_synced_at":"2025-03-17T10:32:51.940Z","repository":{"id":57254319,"uuid":"48593651","full_name":"gritcode/gritcode-components","owner":"gritcode","description":"Custom components based on Vuestrap.","archived":false,"fork":false,"pushed_at":"2017-05-29T10:51:50.000Z","size":960,"stargazers_count":204,"open_issues_count":8,"forks_count":8,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-03-15T08:09:57.925Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://gritcode.github.io/gritcode-components/#/toast","language":"JavaScript","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/gritcode.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}},"created_at":"2015-12-25T23:15:48.000Z","updated_at":"2024-04-29T18:40:06.000Z","dependencies_parsed_at":"2022-08-31T08:31:50.901Z","dependency_job_id":null,"html_url":"https://github.com/gritcode/gritcode-components","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gritcode%2Fgritcode-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gritcode%2Fgritcode-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gritcode%2Fgritcode-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gritcode%2Fgritcode-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gritcode","download_url":"https://codeload.github.com/gritcode/gritcode-components/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243701448,"owners_count":20333631,"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-07-31T02:01:18.273Z","updated_at":"2025-03-17T10:32:51.914Z","avatar_url":"https://github.com/gritcode.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"Gritcode Components\n=========\n\nGritcode Components extend Bootstrap 4 with [vuestrap](https://github.com/kzima/vuestrap/#readme) web components built with Vue.js and Webpack.\n\nDEMO\n=========\n\n[Documentation](http://gritcode.github.io/gritcode-components/#/toast)\n\nQUICK USE\n=========\n\nFor compiled components, use it within your Vue instance like this:\n\n```js\nnew Vue({\n\tel: '#app',\n\tcomponents: { 'toast': gritcode.toast }\n})\n```\n\n-- OR --\n\nIf you chosen to work with source components, just import* desired component like so:\n\n```js\nimport toast from 'gritcode-components/src/components/toast'\n```\n\nand then load it in your Vue instance:\n\n```js\nnew Vue({\n\tel: '#app',\n\tcomponents: { 'vs-toast': toast }\n})\n```\n\n*Note: You will need \u003ca href=\"https://github.com/babel/babel-loader\"\u003eBabel Loader\u003c/a\u003e in your Webpack config file to support ES6 syntax.\n\nYou can then use icon component in your html, like so:\n```html\n\u003cvs-toast\u003e\u003c/vs-toast\u003e\n```\n\nTHEMING\n=========\nTo be able to use your app theme with component's scss variables, you will need to use [vuestrap-theme-loader](https://github.com/kzima/vueastrap-theme-loader) in your webpack config file.\n\n```js\nnpm install vuestrap-theme-loader --save-dev\n```\n\nSee [vuestrap-starter](https://github.com/kzima/vuestrap-starter) for a webpack config example with theme loader.\n\nTODO\n=========\n- document events\n- testing\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgritcode%2Fgritcode-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgritcode%2Fgritcode-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgritcode%2Fgritcode-components/lists"}