Юниверс DG SDK UI
v2.15.0

Интерфейс EditableFieldProps

Свойства редактируемого поля

interface EditableFieldProps {
    editIndicatorPosition?: "inside" | "outside" | "outsideOffset";
    editOnFocus?: boolean;
    errorText?: string;
    handlePencilClick?: () => void;
    highlightOnHover?: boolean;
    iconIntent?: IconIntent;
    inputExtraControls?: ReactNode;
    isCroppedWidth?: boolean;
    isDisabled?: boolean;
    isEditMode: boolean;
    isHighlighted?: boolean;
    onToggleEditMode: (isEdit: boolean) => void;
    readOnly: boolean;
    renderEditIcon?: (props: { handleEditIconClick: () => void }) => ReactNode;
    size?: Universe.Platform.Uikit.SIZE;
    tooltipOverlay?: string;
}
Индекс

Свойства

editIndicatorPosition?: "inside" | "outside" | "outsideOffset"

Позиция индикатора редактирования

editOnFocus?: boolean

Редактировать при фокусе

errorText?: string

Текст ошибки

handlePencilClick?: () => void

Обработчик клика по карандашу

highlightOnHover?: boolean

Подсветка при наведении

iconIntent?: IconIntent

Намерение иконки

inputExtraControls?: ReactNode

Дополнительные элементы управления ввода

isCroppedWidth?: boolean

Обрезанная ширина

isDisabled?: boolean

Отключено

isEditMode: boolean

Режим редактирования

isHighlighted?: boolean

Подсвечено

onToggleEditMode: (isEdit: boolean) => void

Переключение режима редактирования

Объявление типа

    • (isEdit: boolean): void
    • Параметры

      • isEdit: boolean

        Флаг режима редактирования

      Возвращает void

readOnly: boolean

Только для чтения

renderEditIcon?: (props: { handleEditIconClick: () => void }) => ReactNode

Рендер иконки редактирования

Объявление типа

    • (props: { handleEditIconClick: () => void }): ReactNode
    • Параметры

      • props: { handleEditIconClick: () => void }

        Свойства иконки редактирования

      Возвращает ReactNode

Размер

tooltipOverlay?: string

Подсказка