Dialog と Popover #11 | blog.jxck.io
Intro 今回考えたいのは、 GitHub の Issue や User アイコンをマウスでホバーすると、 Issue の詳細や User Profile が表示されるアレだ。 挙動としては想像通り、対象要素に Anchoring した <div popover> を表示し、中に好きなようにコンテンツを入れれば良い。ただし UI のセマンティクスに関しては、複数の議論が行われており、方針もいくつか考えられる。 今回は、それらの現状を整理つつ、考えうる選択肢をいくつか提示する。その中で要件に合わせて何を選ぶかは実装者に委ねたい。 Tooltip Component Native Tooltip まず、この UI の名前だが、 UI ライブラリを見ても、このようなコンポーネントは様々な名前で提供されている。 そもそも Popover という名前で提供している場合もあれば、 Tooltip /
