Attach

Быстрый старт​

Live Editor
Result
Open in CodeSandbox

Управление внешним видом и типом компонента​

С помощью свойств:

  • view - задается внешний вид
  • buttonType - можно менять вид кнопки: button, iconButton
Live Editor
Result
Open in CodeSandbox

Управление подсказкой с помощью свойства helperText​

Вид helperText задается с помощью свойства helperTextView.

Возможные значения свойства:

  • default – по умолчанию;
  • negative – ошибка.
Live Editor
Result
Open in CodeSandbox

Расположение элементов​

Расположение регулируется свойством Flow, которое позволяет размещать элементы вертикально, горизонтально или автоматически (перенес на следующую строку при нехватке ширины компонента Attach).

Live Editor
Result
Open in CodeSandbox

Attach с несколькими файлами​

С помощью свойств:

  • multiple - добавляет возможность прикреплять несколько файлов
Live Editor
Result
Open in CodeSandbox

Фильтр форматов файлов​

Свойство acceptedFileFormats устанавливает доступные форматы файлов.

Live Editor
Result
Open in CodeSandbox

Пример взаимодействия с формой​

tip

С помощью компонента InformationWrapperможно добавить весь необходимый UX/UI для работы с формой, включая:

  • обязательность поле
  • label, caption, hint, etc
  • view
Live Editor
Result
Open in CodeSandbox

Props​