/
githubmirror
/
ydb-embedded-ui
Обзор
Документация
Войти
/
githubmirror
/
ydb-embedded-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/LabelWithHelpMark/LabelWithHelpMark.tsx
31 строка
863 B
Konstantin Kozlov
feat: implement new "Info" tabs for all object types in the database tree (#4136)
27 июл 2026, 08:58
Не верифицирован
27 июл 2026, 08:58
9d7ce19
Код
Авторство
О чём код?
import React from 'react'; import type {HelpMarkProps, LabelProps} from '@gravity-ui/uikit'; import {Flex, HelpMark, Label} from '@gravity-ui/uikit'; interface LabelWithHelpMarkProps extends LabelProps { help?: React.ReactNode; helpMarkProps?: Omit<HelpMarkProps, 'children'>; contentGap?: React.ComponentProps<typeof Flex>['gap']; } export function LabelWithHelpMark({ children, help, helpMarkProps, contentGap = '1', ...labelProps }: LabelWithHelpMarkProps) { return ( <Label {...labelProps}> <Flex alignItems="center" gap={contentGap} wrap="nowrap"> {children} {help ? ( <HelpMark iconSize="s" {...helpMarkProps}> {help} </HelpMark> ) : null} </Flex> </Label> ); }