полимерный элемент для укладки в angular2

Я хочу включить Polymer Elements в мое приложение angular2, так как Angular2 Material по-прежнему не предоставляет достаточно элементов. Кроме того, я хочу стилизовать элемент, то есть установить его ширину. я имею

<paper-dropdown-menu class="dropdown" label="Wiederholung" vertical-align="bottom" horizontal-align="right">
    <paper-listbox class="dropdown-content">
        <paper-item>einmalig</paper-item>
        <paper-item>wöchentlich</paper-item>
        <paper-item>monatlich</paper-item>
    </paper-listbox>
</paper-dropdown-menu>

РЕДАКТИРОВАТЬ

в моем index.html у меня есть

<!-- polymer components -->
<script src="/node_modules/bower_components/webcomponentsjs/webcomponents.js"></script>
<script>
    window.Polymer = window.Polymer || {};
    window.Polymer.dom = 'shadow';
</script>

<link rel="import" href="/node_modules/bower_components/polymer/polymer.html">

<!-- custom style for polymer components -->
<style is="custom-style">
    :root {
        --paper-dropdown-menu : {
            width: 280px;
        }
    }
</style>

<link rel="import" href="/node_modules/bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="/node_modules/bower_components/paper-listbox/paper-listbox.html">
<link rel="import" href="/node_modules/bower_components/paper-item/paper-item.html">
<link rel="import" href="/node_modules/bower_components/paper-input/paper-input.html">

Интересно, что я могу изменить значение с, т. Е. 100 пикселей, и оно будет применено. Но это не будет выше чем ~ 250px;

Ответы на вопрос(2)

Ваш ответ на вопрос