{"id":14972548,"url":"https://github.com/owowagency/bootstrap-vue","last_synced_at":"2025-09-02T16:46:58.534Z","repository":{"id":39880432,"uuid":"424658082","full_name":"owowagency/bootstrap-vue","owner":"owowagency","description":"A component library for Vue 3 and Bootstrap 5","archived":false,"fork":false,"pushed_at":"2023-12-01T15:27:26.000Z","size":10030,"stargazers_count":12,"open_issues_count":2,"forks_count":1,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-16T08:00:33.677Z","etag":null,"topics":["bootstrap","bootstrap5","typescript","vue"],"latest_commit_sha":null,"homepage":"https://owowagency.github.io/bootstrap-vue","language":"TypeScript","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/owowagency.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-11-04T16:08:16.000Z","updated_at":"2024-11-06T07:46:23.000Z","dependencies_parsed_at":"2023-11-13T16:29:56.330Z","dependency_job_id":"516da5d5-084e-4642-ac35-97165f385d2b","html_url":"https://github.com/owowagency/bootstrap-vue","commit_stats":{"total_commits":451,"total_committers":13,"mean_commits":34.69230769230769,"dds":0.5920177383592018,"last_synced_commit":"e850ebe5495b0af69a47a014d1a63040380d6eed"},"previous_names":[],"tags_count":115,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/owowagency%2Fbootstrap-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/owowagency%2Fbootstrap-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/owowagency%2Fbootstrap-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/owowagency%2Fbootstrap-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/owowagency","download_url":"https://codeload.github.com/owowagency/bootstrap-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236595131,"owners_count":19174373,"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":["bootstrap","bootstrap5","typescript","vue"],"created_at":"2024-09-24T13:47:06.479Z","updated_at":"2025-02-12T00:31:58.020Z","avatar_url":"https://github.com/owowagency.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![banner-dark](https://user-images.githubusercontent.com/45201651/169008977-bb183203-dc58-44b8-ae79-aa2d2c97a8ce.svg#gh-dark-mode-only)\n![banner-light](https://user-images.githubusercontent.com/45201651/169008981-ecd6889a-e444-49a6-8148-62d78ffbb5d4.svg#gh-light-mode-only)\n\n\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/@owowagency/bootstrap-vue\"\u003e\n    \u003cimg src=\"https://github.com/owowagency/bootstrap-vue/actions/workflows/test.yml/badge.svg\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    A component library for Vue 3 and Bootstrap 5 + a few extra's just for you 😉.\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n```html\n\u003cRow\n    align=\"end\"\n    cols=\"1\"\n    cols-sm=\"3\"\n\u003e\n    \u003cCol\u003e\n        \u003cFormGroup\n            v-model=\"email\"\n            :invalid-feedback=\"errors.email\"\n            label=\"Email address\"\n            placeholder=\"bootstrap-vue@owow.io\"\n        /\u003e\n    \u003c/Col\u003e\n\n    \u003cCol\u003e\n        \u003cFormGroup\n            v-model=\"password\"\n            :invalid-feedback=\"errors.password\"\n            label=\"Password\"\n            type=\"password\"\n        /\u003e\n    \u003c/Col\u003e\n\n    \u003cCol\u003e\n        \u003cButtonState\n            :error=\"error\"\n            :loading=\"loading\"\n            @click=\"login\"\n        \u003e\n            Login\n        \u003c/ButtonState\u003e\n    \u003c/Col\u003e\n\u003c/Row\u003e\n```\n\n# 📖 Table of contents\n\n1. [Demo](#-demo)\n1. [Installation](#%EF%B8%8F-installation)\n1. [Usage](#-usage)\n1. [Contributing](#-contributing)\n1. [License](#-license)\n1. [OWOW](#owow)\n\n# 🚀 Demo\n\nAll components can be found on the [Storybook page](https://owowagency.github.io/bootstrap-vue) of this package.\n\n# ⚙️ Installation\n\nInstalling this package can be done by using `npm` or `yarn`.\n\n```bash\n# npm\nnpm install @owowagency/bootstrap-vue\n\n# yarn\nyarn add @owowagency/bootstrap-vue\n```\n\nThis package also requires [Bootstrap](https://getbootstrap.com/docs/5.2/getting-started/download/#package-managers) for its styling and Javascript.\n\n```bash\n# npm\nnpm install bootstrap\n\n# yarn\nyarn add bootstrap\n```\n\n# 🛠 Usage\n\nHere is a simple example on how to use a component in your Vue application:\n\n```html\n\u003ctemplate\u003e\n    \u003cButton variant=\"danger\"\u003e\n        Please don't click me!\n    \u003c/Button\u003e\n\u003c/template\u003e\n\n\u003cscript setup\u003e\nimport {Button} from '@owowagency/bootstrap-vue';\n\u003c/script\u003e\n```\n\nThis package provides the following features:\n\n### Components\n\n- [Accordion](./src/components/Accordion)\n- [AccordionItem](./src/components/AccordionItem)\n- [Alert](./src/components/Alert)\n- [Badge](./src/components/Badge)\n- [Breadcrumb](./src/components/Breadcrumb)\n- [BreadcrumbItem](./src/components/BreadcrumbItem)\n- [Button](./src/components/Button)\n- [ButtonClose](./src/components/ButtonClose)\n- [ButtonGroup](./src/components/ButtonGroup)\n- [ButtonState](./src/components/ButtonState)\n- [Card](./src/components/Card)\n- [Carousel](./src/components/Carousel)\n- [Col](./src/components/Col)\n- [Collapse](./src/components/Collapse)\n- [Confirm](./src/components/Confirm)\n- [Container](./src/components/Container)\n- [Dropdown](./src/components/Dropdown)\n- [DropdownMenu](./src/components/DropdownMenu)\n- [DropdownMenuItem](./src/components/DropdownMenuItem)\n- [FormCheck](./src/components/FormCheck)\n- [FormCheckGroup](./src/components/FormCheckGroup)\n- [FormControl](./src/components/FormControl)\n- [FormDropdown](./src/components/FormDropdown)\n- [FormDropdownSearch](./src/components/FormDropdownSearch)\n- [FormGroup](./src/components/FormGroup)\n- [FormImage](./src/components/FormImage)\n- [FormPills](./src/components/FormPills)\n- [FormSelect](./src/components/FormSelect)\n- [InputGroup](./src/components/InputGroup)\n- [ListGroup](./src/components/ListGroup)\n- [ListGroupItem](./src/components/ListGroupItem)\n- [Modal](./src/components/Modal)\n- [Nav](./src/components/Nav)\n- [NavItem](./src/components/NavItem)\n- [NavLink](./src/components/NavLink)\n- [Offcanvas](./src/components/Offcanvas)\n- [Row](./src/components/Row)\n- [Spinner](./src/components/Spinner)\n- [Table](./src/components/Table)\n- [Tooltip](./src/components/Tooltip)\n\n### Composables\n\n- [useActive](./src/composables/useActive)\n- [useBootstrap](./src/composables/useBootstrap)\n- [useBootstrapEmits](./src/composables/useBootstrapEmits)\n- [useBootstrapInstance](./src/composables/useBootstrapInstance)\n- [useBreakpoints](./src/composables/useBreakpoints)\n- [useClasses](./src/composables/useClasses)\n- [useCol](./src/composables/useCol)\n- [useDisabled](./src/composables/useDisabled)\n- [useDropdown](./src/composables/useDropdown)\n- [useDropdownItems](./src/composables/useDropdownItems)\n- [useFlush](./src/composables/useFlush)\n- [useFormControl](./src/composables/useFormControl)\n- [useFormSelect](./src/composables/useFormSelect)\n- [useId](./src/composables/useId)\n- [usePlacement](./src/composables/usePlacement)\n- [useSize](./src/composables/useSize)\n- [useStringTemplate](./src/composables/useStringTemplate)\n- [useTag](./src/composables/useTag)\n- [useTooltipPlacement](./src/composables/useTooltipPlacement)\n- [useTrigger](./src/composables/useTrigger)\n- [useVariant](./src/composables/useVariant)\n\n## Documentation\nThe documentation for this package is auto-generated by [vue-docgen-cli](https://vue-styleguidist.github.io/docs/docgen-cli.html).\nTo generate the documentation yourself, run `yarn generate-docs`.\n\n# 🫶 Contributing\n\nPlease see [CONTRIBUTING](./CONTRIBUTING.md) for details.\n\n# 📜 License\n\nThe MIT License (MIT). Please see [License File](./LICENSE) for more information.\n\n\u003cbr\u003e\n\u003cbr\u003e\n\n\u003cimg id=\"owow\" src=\"https://user-images.githubusercontent.com/45201651/176249441-e83226be-7281-4ddb-ad4a-9100f8862d4e.svg#gh-light-mode-only\" width=\"150\"\u003e\n\u003cimg id=\"owow\" src=\"https://user-images.githubusercontent.com/45201651/176249444-ceede6f9-3c2e-481d-87c3-3a72ca497e65.svg#gh-dark-mode-only\" width=\"150\"\u003e\n\nThis package has been brought to you with much love by the wizkids of [OWOW](https://owow.io/). Do you like this package? We’re still looking for new talent and Wizkids. So do you want to contribute to open source, while getting paid? [Apply now](https://owow.io/careers).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fowowagency%2Fbootstrap-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fowowagency%2Fbootstrap-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fowowagency%2Fbootstrap-vue/lists"}