diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2021-05-19 18:44:42 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2021-05-19 18:44:42 +0300 |
commit | 4555e1b21c365ed8303ffb7a3325d773c9b8bf31 (patch) | |
tree | 5423a1c7516cffe36384133ade12572cf709398d /doc/development/experiment_guide | |
parent | e570267f2f6b326480d284e0164a6464ba4081bc (diff) |
Add latest changes from gitlab-org/gitlab@13-12-stable-eev13.12.0-rc42
Diffstat (limited to 'doc/development/experiment_guide')
-rw-r--r-- | doc/development/experiment_guide/gitlab_experiment.md | 14 | ||||
-rw-r--r-- | doc/development/experiment_guide/index.md | 2 |
2 files changed, 8 insertions, 8 deletions
diff --git a/doc/development/experiment_guide/gitlab_experiment.md b/doc/development/experiment_guide/gitlab_experiment.md index 4b93105ea50..db9bc521cfd 100644 --- a/doc/development/experiment_guide/gitlab_experiment.md +++ b/doc/development/experiment_guide/gitlab_experiment.md @@ -503,7 +503,7 @@ so you can use it when resolving some concepts around experimentation in the cli ### Use experiments in Vue -With the `experiment` component, you can define slots that match the name of the +With the `gitlab-experiment` component, you can define slots that match the name of the variants pushed to `window.gon.experiment`. For example, if we alter the `pill_color` experiment to just use the default variants of `control` and `candidate` like so: @@ -520,15 +520,15 @@ We can make use of the named slots `control` and `candidate` in the Vue componen ```vue <script> -import Experiment from '~/experimentation/components/experiment.vue'; +import GitlabExperiment from '~/experimentation/components/gitlab_experiment.vue'; export default { - components: { Experiment } + components: { GitlabExperiment } } </script> <template> - <experiment name="pill_color"> + <gitlab-experiment name="pill_color"> <template #control> <button class="bg-default">Click default button</button> </template> @@ -536,7 +536,7 @@ export default { <template #candidate> <button class="bg-red">Click red button</button> </template> - </experiment> + </gitlab-experiment> </template> ``` @@ -545,7 +545,7 @@ For example, the Vue component for the previously-defined `pill_color` experimen ```vue <template> - <experiment name="pill_color"> + <gitlab-experiment name="pill_color"> <template #control> <button class="bg-default">Click default button</button> </template> @@ -557,7 +557,7 @@ For example, the Vue component for the previously-defined `pill_color` experimen <template #blue> <button class="bg-blue">Click blue button</button> </template> - </experiment> + </gitlab-experiment> </template> ``` diff --git a/doc/development/experiment_guide/index.md b/doc/development/experiment_guide/index.md index 15430831f4a..0d534a974a1 100644 --- a/doc/development/experiment_guide/index.md +++ b/doc/development/experiment_guide/index.md @@ -59,4 +59,4 @@ feature flags, and there is currently no strong suggestion to use one over the o Historical Context: `Experimentation Module` was built iteratively with the needs that appeared while implementing Growth sub-department experiments, while GLEX was built -with the learnings of the team and an easier to use API. +with the findings of the team and an easier to use API. |