This gem provides reusable components for the MoJ Design System. It is built using the ViewComponent framework.

Install the gem and add to the application's Gemfile by executing:

bundle add moj_components

If bundler is not being used to manage dependencies, install the gem by executing:

gem install moj_components

Install frontend packages that are used by moj-components:

npm install govuk-frontend @ministryofjustice/frontend

The gem will automatically add the frontend asset paths from node_modules to Rails.

You can render components directly in templates using helper methods provided by the gem. E.g.:

<%= moj_alert(
      type: :information,
      heading: "Important",
      body: "Your application has been saved.",
      dismiss_href: "#",
      dismiss_text: "Dismiss"
    ) %>

More information about each of the components is available here.

After checking out the repo, run bin/setup to install dependencies. Then, run rake spec to run the tests. You can also run bin/console for an interactive prompt that will allow you to experiment.

• Local gem development uses the version in .ruby-version (currently 3.3.11).
• The minimum supported Ruby version for consumers is defined in moj_components.gemspec.
• The dummy Lookbook app deploy/runtime is defined separately in spec/dummy/dockerfile (currently Ruby 4.0.6).
• CI checks both paths:
  • compatibility across supported Ruby versions for the gem
  • production-style runtime smoke checks for the dummy app/Lookbook

To install this gem onto your local machine, run bundle exec rake install. To release a new version, update the version number in version.rb, and then run bundle exec rake release, which will create a git tag for the version, push git commits and the created tag, and push the .gem file to rubygems.org.

Bug reports and pull requests are welcome on GitHub at https://github.com/ministryofjustice/moj-components. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the code of conduct.

The gem is available as open source under the terms of the MIT License.

Everyone interacting in the MojComponents project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.