feat: userLabel text depends on vars (#1493)

gravity-ui · Apr 9, 2024 · d826ca7 · d826ca7
1 parent 820dd60
commit d826ca7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/UserLabel/README.md b/src/components/UserLabel/README.md
@@ -97,3 +97,10 @@ LANDING_BLOCK-->
 | className    | Custom CSS class for root element           |                                  `string`                                   |              |
 | style        | HTML style attribute                        |                            `React.CSSProperties`                            |              |
 | qa           | HTML `data-qa` attribute, used in tests     |                                  `string`                                   |              |
+
+## CSS API
+
+| Name                         | Description      |
+| :--------------------------- | :--------------- |
+| `--g-user-label-font-size`   | Text font size   |
+| `--g-user-label-line-height` | Text line height |
diff --git a/src/components/UserLabel/UserLabel.scss b/src/components/UserLabel/UserLabel.scss
@@ -77,6 +77,8 @@ $block: '.#{variables.$ns}user-label';
     }
 
     &__text {
+        font-size: var(--g-user-label-font-size, inherit);
+        line-height: var(--g-user-label-line-height, inherit);
         min-width: 0;
         margin-inline-end: 6px;
         white-space: nowrap;