Commit 99c37143 authored by Suzanne Selhorn's avatar Suzanne Selhorn

Merge branch 'docs-inline-tier-rem' into 'master'

Remove inline tier icon references from Style Guide

See merge request gitlab-org/gitlab!70095
parents d095ae7b 57d0a06b
...@@ -1622,37 +1622,24 @@ When names change, it is more complicated to search or grep text that has line b ...@@ -1622,37 +1622,24 @@ When names change, it is more complicated to search or grep text that has line b
### Product tier badges ### Product tier badges
Tier badges are displayed as orange text next to a heading. For example: Tier badges are displayed as orange text next to a heading. These badges link to the GitLab
pricing page. For example:
![Tier badge](img/tier_badge.png) ![Tier badge](img/tier_badge.png)
You must assign a tier badge: You must assign a tier badge:
- To [all H1 topic headings](#product-tier-badges-on-headings). - To all H1 topic headings.
- To topic headings that don't apply to the same tier as the H1. - To topic headings that don't apply to the same tier as the H1.
- To [sections of a topic](#product-tier-badges-on-other-content),
if they apply to a tier other than what applies to the H1.
#### Product tier badges on headings To add a tier badge to a heading, add the relevant tier badge
To add a tier badge to a heading, add the relevant [tier badge](#available-product-tier-badges)
after the heading text. For example: after the heading text. For example:
```markdown ```markdown
# Heading title **(FREE)** # Heading title **(FREE)**
``` ```
#### Product tier badges on other content Do not add tier badges inline with other text. The single source of truth for a feature should be the heading where the functionality is described.
In paragraphs, list names, and table cells, an information icon displays when you
add a tier badge. More verbose information displays when a user points to the icon:
- `**(FREE)**` displays as **(FREE)**
- `**(FREE SELF)**` displays as **(FREE SELF)**
- `**(FREE SAAS)**` displays as **(FREE SAAS)**
The `**(FREE)**` generates a `span` element to trigger the
badges and tooltips (`<span class="badge-trigger free">`).
#### Available product tier badges #### Available product tier badges
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment