да, но при сборке в проекте будут только файлы select и input, а не весь material-ui?

У тебя вебпук?

Если да, то да

Ответ на твой вопрос

спасибо

спасибо.

в матуриал-уи из коробки уже есть все для встряхивания дерева зависимостей, если у тебя вебпук (он поддерживает tree-shaking), то можешь не беспокоиться насчет своих импортов (по крайней мере из материал-уи)

*на счет импортов ДО второго уровня

Иначе выйдет лажа

у меня есть поле иф, при нажатии на кнопку если true, он должен открыть модальное окно, если false, он не должен его открывать, как это можно сделать?

в инете увидел такое modalId.style.display = "block";
где modalID это div модального окна

но что-то он не работает

Пиши функцию)

Если true что именно? Какое поле иф? Можешь по-нормальному объяснить?

    if (enteredCode.value != sendedCodeUser){
        handleAlert('danger', 'The code is not equal')
    }else{
        btn.onclick = function() {
            modalId.style.display = "block";
        }

если первое условие срабатывает, мне нужно чтобы он вывел аллерт(он работает, выводит), если второе условие, нужно сделать так, чтобы при нажатии на кнопку открывалось модальное окно

<button type="button" class="btn btn-primary" data-toggle="modal" onclick='codeConfirm()' id="btn-password">

сама кнопка

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

див модального окна

<button type="button" class="btn btn-primary" data-toggle="modal" onclick='codeConfirm()' id="btn-password">

<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

fade класс у тебя на модалке висит. Смотри какие стили задает fade. Скорее всего, модалка скрыта как-то иначе, а не только лишь через свойство display: none;

это бутстрап модалка, к ней другое отношение идет?)

Да. Убери fade