ngx2-bulma

Angular Library with Bulma CSS

Getting Started with ngx2-bulma

This guide explains how to setup your Angular project to begin using ngx2-bulma. It includes information on prerequisites, installing ngx2-bulma, and optionally displaying a sample ngx2-bulma component in your application to verify your setup.

Angular Resources

If you are new to Angular or getting started with a new Angular application, see Angular's full Getting Started Guide and Setting up your environment.

Install ngx2-bulma

Use the NPM command to install ngx2-bulma in your application to set up your Angular project with ngx2-bulma by running the following command:

ng add ngx2-bulma

The ng add command will install ngx2-bulma and the bulma CSS framework. It will also automate the configuration below.

1. Add your bulma CSS in your in angular.json:

"styles": [
  "projects/bulma-app/src/styles.css",
  "node_modules/bulma/css/bulma.css"
]

Display a ngx2-bulma component

Let's display a card component in your app and verify that everything works. You need to import the BulmaCardModule that you need to display by adding the following lines to your app.module.ts file.

import { BulmaCardModule } from 'ngx-bulma';

@NgModule({
  imports: [BulmaCardModule],
  // ...
})
export class AppModule {}

Once you done all the above setup, you can use the Bulma card component in your Angular application as described in the documentation:

<bu-card>
  The content
</bu-card>

Documentation

For complete documentation refer to ngx2-bulma.

Contributing

ngx2-bulma is a community-driven project. Read our contributing guidelines on how to get involved.

Images Credits

This library would have been incomplete without the support of Iryn Kasparova. You can connect with her on LinkedIn

Contributors ✨

Thanks goes to these wonderful people (emoji key):

HaroonJ 💻

Ankit Saini 💻

Santosh Yadav 💻

Ankit 💻

Ferdinand Malcher 💻

shanmukhateja 💻

This project follows the all-contributors specification. Contributions of any kind are welcome!