{"id":15284737,"url":"https://github.com/skadizz/angular2-bulma","last_synced_at":"2025-04-12T23:44:23.234Z","repository":{"id":57179492,"uuid":"156116792","full_name":"SKaDiZZ/angular2-bulma","owner":"SKaDiZZ","description":"Bulma CSS Framework components for your Angular application","archived":false,"fork":false,"pushed_at":"2018-11-24T19:21:48.000Z","size":180,"stargazers_count":5,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-12T23:44:06.776Z","etag":null,"topics":["angular","bulma-css-framework","components"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/SKaDiZZ.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}},"created_at":"2018-11-04T19:25:52.000Z","updated_at":"2024-01-05T16:48:58.000Z","dependencies_parsed_at":"2022-09-14T02:10:25.761Z","dependency_job_id":null,"html_url":"https://github.com/SKaDiZZ/angular2-bulma","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/SKaDiZZ%2Fangular2-bulma","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SKaDiZZ%2Fangular2-bulma/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SKaDiZZ%2Fangular2-bulma/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SKaDiZZ%2Fangular2-bulma/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SKaDiZZ","download_url":"https://codeload.github.com/SKaDiZZ/angular2-bulma/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248647257,"owners_count":21139081,"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":["angular","bulma-css-framework","components"],"created_at":"2024-09-30T14:59:49.516Z","updated_at":"2025-04-12T23:44:23.204Z","avatar_url":"https://github.com/SKaDiZZ.png","language":"TypeScript","readme":"# Angular2-Bulma\n\nAngular2-Bulma is providing Bulma CSS Framework components to Angular developers for fast and easy development.\n\n[![npm](https://img.shields.io/npm/v/angular2-bulma.svg)](https://www.npmjs.com/package/angular2-bulma) \n[![Gitter](https://img.shields.io/gitter/room/SKaDiZZ/angular2-bulma.svg?logo=gitter-white)](https://gitter.im/angular2-bulma) [![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/SKaDiZZ/angular2-bulma)\n\n\n\n# Content\n- Installation and setup\n  - [Install](#buinstall)\n  - [Import Bulma CSS](#buimportbulma)\n  - [Add Font Awesome Icons](#bufontawesome)\n  - [Import Angular2BulmaModule](#buimportmodule)\n\n- Components\n    - [bu-columns](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-columns) : Columns\n    - [bu-section](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-section) : Section\n    - [bu-hero](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-hero) : Hero\n    - [bu-container](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-container) : Container\n    - [bu-conent](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-content) : Content\n    - [bu-footer](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-footer) : Footer\n    - [bu-box](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-box) : Box\n    - [bu-button](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-button) : Button\n    - [bu-delete](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-delete) : Delete\n    - [bu-icon](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-icon) : Icon\n    - [bu-image](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-image) : Image\n    - [bu-notification](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-notification) : Notification\n    - [bu-progress](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-progress) : Progress\n    - [bu-tag](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-tag) : Tag\n    - [bu-breadcrumb](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-breadcrumb) : Breadcrumb\n    - [bu-card](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-card) : Card\n    - [bu-dropdown](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-dropdown) : Dropdown\n    - [bu-menu](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-menu) : Menu\n    - [bu-message](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-message) : Message\n    - [bu-navbar](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-navbar) : Navbar\n    - [bu-tabs](https://github.com/SKaDiZZ/angular2-bulma/tree/master/projects/angular2-bulma/src/lib/bu-tabs) : Tabs\n\n## \u003ca name=\"buinstall\"\u003e\u003c/a\u003e Installation and setup\n\n```bash\nnpm install bulma angular2-bulma --save\n```\n\n## \u003ca name=\"buimportbulma\"\u003e\u003c/a\u003e Import Bulma CSS\nIn your main style.css file import Bulma CSS styles:\n\n```css\n@import '~bulma';\n```\n\nIf you want to change values for some of bulma css variables define them before **@import**.\n\n```css\n$menu-item-color: #3573D6;\n$menu-item-radius: 7px;\n\n@import '~bulma';\n```\n\n## \u003ca name=\"bufontawesome\"\u003e\u003c/a\u003e Font Awesome Icons\nIf you want to use icons add into your index.html file.\n```html\n\u003c!-- Add fontawesome --\u003e\n  \u003clink rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.4.1/css/all.css\" integrity=\"sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz\" crossorigin=\"anonymous\"\u003e\n```\n\n\n## \u003ca name=\"buimportmodule\"\u003e\u003c/a\u003e Import Angular2BulmaModule\n\nImport Angular2BulmaModule in your app.module.ts file and add it into imports array.\n\n```typescript\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\n\nimport { AppComponent } from './app.component';\nimport { Angular2BulmaModule } from 'angular2-bulma';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    Angular2BulmaModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\nThis will import all of the Angular2-Bulma component modules. But you can also import any of the individual component modules. Maybe you need only Tabs for your application so you can import only BuTabsModule without any other.\n\n## Changelog\n### v0.0.2\n  - Initial commit\n\n## License\n\nMIT © [Samir Kahvedzic](mailto:akirapowered@gmail.com)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskadizz%2Fangular2-bulma","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fskadizz%2Fangular2-bulma","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fskadizz%2Fangular2-bulma/lists"}