Glimmer Web Components

This is a collection of reusable Glimmer Web Components for Glimmer DSL for Web, extracted from real Rails web applications.

Setup

gem install glimmer-web-components

Usage

multi checkbox dropdown

Add the following at the top:

require 'glimmer/web/component/multi_checkbox_dropdown'

Then use the multi_checkbox_dropdown Glimmer Web Component in standard Glimmer HTML DSL code:

  ...
  markup {
    div {
      ...
      multi_checkbox_dropdown(
        values: SomePresenter::STATUS_FILTER_TYPES,
        display_values: SomePresenter::STATUS_FILTER_TYPES.map { |value| I18n.t("status.#{value}") },
        locale: I18n.locale,
        width: 190,
        translations: {
          en: {select: I18n.t('form.status_filter', locale: :en)},
          es: {select: I18n.t('form.status_filter', locale: :es)},
        },
      ) {
        selected_values <=> [@some_presenter, :status_filters]
      }
      ...
    }
  }
  ...