Интеграция форм Django с унаследованной библиотекой компонентов пользовательского интерфейса

Я работаю над проектом Django и хотел бы включить в приложение проприетарную библиотеку компонентов пользовательского интерфейса, созданную моей компанией. В библиотеке есть CSS классы для позиционирования, шрифта, margin, padding и т.д. (аналогично Tailwind или Bootstrap). Они достаточно просты, чтобы без лишних затрат поместить их в шаблон Django.

Однако у меня возникают трудности с использованием компонентов формы/ввода библиотеки (которые полагаются на данные JSON, а также HTML).

        # html 
        <custom-select
            id="multiple-select-example"
            label="State"
            placeholder="Choose your state."
            multiple
        ></custom-select>

        # js 
        var multipleSelect = document.getElementById("multiple-select-example");

        multipleSelect.options = [{
            text: "Pennsylvania",
            value: "PA"
        }, {
            text: "California",
            value: "CA"
        }, {
            text: "Texas",
            value: "TX"
        }];

В вакууме достаточно просто использовать тег Django "json_script" для загрузки JSON непосредственно в '.options' и обработки вводимых пользователем данных в JS. Но мне кажется, что при этом упускаются некоторые преимущества использования встроенных форм Django (валидация, сериализация и т.д.). Как мне получить лучшее из обоих миров? Должен ли я создавать пользовательские поля форм в Django? Или пользовательские виджеты с медиа-активами? Я не знаю, что делать, все, что я делаю, грязно.

Помогите, пожалуйста.

Вернуться на верх