DefinitionList

Maintainer:
Raubzeug
GitHub
responsive
direction
import {DefinitionList} from '@gravity-ui/uikit';

Компонент для отображения списка определений с термином и определением, разделенными точками.

Примеры

Node value with copy
value with copy
Empty value with copy

Свойства

ИмяОписаниеТипЗначение по умолчанию
childrenЭлементы спискаReact.ReactNode
responsiveЕсли установлено в true, список займет 100% ширины родительского элементаboolean
directionЕсли установлено в vertical, содержимое будет расположено под названием, и список займет 100% ширины родителя'horizontal' | 'vertical''horizontal'
nameMaxWidthМаксимальная ширина терминаnumber
contentMaxWidthМаксимальная ширина определенияnumber
classNameИмя класса для списка определенийstring

Items

Дочерние элементы DefinitionList должны быть компонентами типа DefinitionList.Item со следующими свойствами:

ИмяОписаниеТипЗначение по умолчанию
nameТерминReactNode
childrenОпределениеReactNode
copyTextЕсли установлено, будет показана иконка для копированияstring
noteЕсли установлено, рядом с термином будет показан HelpMarkstring | HelpMarkProps

CSS API

ИмяОписание
--g-definition-list-item-gapРасстояние между элементами списка