ingred-ui
ingred-ui copied to clipboard
Confirmed modalからアクションボタンを除去したい
https://ingred-ui.netlify.app/?path=/story/components-utils-confirmmodal--with-sub-actions そもそもなぜコンポーネントとしてこのボタンが組み込まれているかはよく分かっていないのが前提としてあるけど。
タイトル横にアクションボタンがセットで実装されているのは柔軟性に欠けるのでできれば除去したい。(別の要素を載せたいって時にそれができないので)
subactions
propsに入るものがReactNode | undefinedになるイメージ。
subactions
部分のheightは任意。大きい要素が入るとそのまま上部の高さが大きくなる。

@youchann @noronaoki
このissueのモチベーション的にtipElementもReactNode
みたいに渡す感じにした方が統一感あるのかなと思ったんですが、どうでしょうか
タイトルと閉じるボタン以外の「モーダル上部に置くもの」として扱う感じでしょうか
(アクションじゃないものも渡せてしまうので、subAction
という名前じゃないほうが良い?)
MEMO tipElement も subAction も一緒で良さそう。
ref: #1090
メモ
- 従来の tipElement も subActions の1つとして扱う
- そのため tipElement prop は削除
- subActions は ReactNode[] を受け取る
- 1つだけ渡したい場合でも array で渡す
- 1つ用と2つ以上用の両方の story を作る
- subActions の1つ1つの要素の gap はいじれない
- title と subActions の間の padding はいじれない