@@ -11,14 +11,13 @@ info: To determine the technical writer assigned to the Stage/Group associated w
## GitLab UI form builder
[GitLab UI](https://gitlab-org.gitlab.io/gitlab-ui/) is a Vue component library that conforms
to the [Pajamas design system](https://design.gitlab.com/). Most of these these components
to the [Pajamas design system](https://design.gitlab.com/). Most of these components
rely on JavaScript and therefore can only be used in Vue.
However, some of the simpler components (checkboxes, radio buttons, form inputs) can be
used in HAML by applying the correct CSS classes to the elements. A custom
[Ruby on Rails form builder](https://gitlab.com/gitlab-org/gitlab/-/blob/7c108df101e86d8a27d69df2b5b1ff1fc24133c5/lib/gitlab/form_builders/gitlab_ui_form_builder.rb) exists to help use GitLab UI components in HAML.
### Use the GitLab UI form builder
To use the GitLab UI form builder:
...
...
@@ -27,39 +26,38 @@ To use the GitLab UI form builder:
1. Change `f.check_box` to `f.gitlab_ui_checkbox_component`.
1. Remove `f.label` and instead pass the label as the second argument in `f.gitlab_ui_checkbox_component`.
=s_('GroupSettings|Prevent members from sending invitations to groups outside of %{group} and its subgroups.').html_safe%{group: link_to_group(@group)}
=s_('GroupSettings|Prevent members from sending invitations to groups outside of %{group} and its subgroups.').html_safe%{group: link_to_group(@group)}
s_('GroupSettings|Prevent members from sending invitations to groups outside of %{group} and its subgroups.').html_safe%{group: link_to_group(@group)},
s_('GroupSettings|Prevent members from sending invitations to groups outside of %{group} and its subgroups.').html_safe%{group: link_to_group(@group)},