複数コンポーネントの配置
Dashで、複数のコンポーネントを配置するには、下記の3種類の方法があります。
- Divコンポーネントの引数 styleを使う。
- 外部cssを使う。
- Divコンポーネントにコンポーネントを渡す。
Divコンポーネントの引数 styleを使った配置
今回は引数 styleを使った複数コンポーネントの配置を試していきます。
まずは、Divコンポーネントを確認しやすくするために、cssを用いて形や色を設定します。
[ソースコード]
1 | import dash |
上記ソースを実行すると、コンソールにURLが表示されるのでブラウザで表示します。
[ブラウザで表示]
黄色の長方形(Divコンポーネント)がブラウザの中央に表示されました。
次回は、今回のように色付けしたDivコンポーネントを複数配置します。