paper-menu-button

paper-menu-buttonは、Material Designに沿ったWebComponentsベースのドロップダウンメニューです。

以下のPolymerElementsをセットで利用します（ DEMOのコード参照）。

  • paper-menu-button：ボタンとメニューリストのコンテナ
  • paper-icon-button：メニューを開くボタン
  • paper-listbox：メニューのコンテナ
  • paper-item：メニュー項目
  • iron-icons
  • iron-icon
  • iron-image
  • neon-animation/web-animations

なお、neon-animation/web-animationsはWeb Animationsのポリフィルとのことで、これがないとプルダウンを開いた後にメニューが閉じなくなります。

閉じ状態に表示されるボタンのslot名は dropdown-trigger、listboxのslot名は dropdown-content を指定します。

個別メニュー項目をリンクにしたい場合は、paper-itemタグをaタグではさめばリンクとして機能します。

⁋ 2018/01/31↻ 2024/12/18
中馬崇尋
Chuma Takahiro
deno test
denoのテスティング機能は、ツールを追加インストールせずに動作するテストランナーを提供しています。……
Javascriptの条件つきコンパイル
TypescriptやJavascriptの言語仕様には条件つきコンパイルを含むマクロがありませんが……
Litのコード構成
Litは、WebComponents標準に準拠したクラスコンポーネントを実装するフレームワークです。……
Selenium Python
SeleniumはWebアプリケーションをE2Eテストするフレームワークです。 ブラウザをスクリプト操……
Litの特徴
LitはWebのUIコンポーネント開発向けライブラリで、React.jsやVue.jsなどのオルタナ……