@@ -1305,47 +1305,50 @@ st_lottie(lottie_hello, key="hello")
1305
1305
## Layouts and containers
1306
1306
1307
1307
<TileContainer >
1308
- <RefCard href =" /library/api-reference/layout/st.sidebar " >
1308
+ <RefCard href =" /library/api-reference/layout/st.columns " >
1309
1309
1310
- <Image pure alt =" screenshot " src =" /images/api/sidebar .jpg " />
1310
+ <Image pure alt =" screenshot " src =" /images/api/columns .jpg " />
1311
1311
1312
- <h4 >Sidebar </h4 >
1312
+ <h4 >Columns </h4 >
1313
1313
1314
- Display items in a sidebar .
1314
+ Insert containers laid out as side-by-side columns .
1315
1315
1316
1316
``` python
1317
- st.sidebar.write(" This lives in the sidebar" )
1318
- st.sidebar.button(" Click me!" )
1317
+ col1, col2 = st.columns(2 )
1318
+ col1.write(" this is column 1" )
1319
+ col2.write(" this is column 2" )
1319
1320
```
1320
1321
1321
1322
</RefCard >
1322
- <RefCard href =" /library/api-reference/layout/st.columns " >
1323
+ <RefCard href =" /library/api-reference/layout/st.container " >
1323
1324
1324
- <Image pure alt =" screenshot " src =" /images/api/columns .jpg " />
1325
+ <Image pure alt =" screenshot " src =" /images/api/container .jpg " />
1325
1326
1326
- <h4 >Columns </h4 >
1327
+ <h4 >Container </h4 >
1327
1328
1328
- Insert containers laid out as side-by-side columns .
1329
+ Insert a multi-element container .
1329
1330
1330
1331
``` python
1331
- col1, col2 = st.columns(2 )
1332
- col1.write(" this is column 1" )
1333
- col2.write(" this is column 2" )
1332
+ c = st.container()
1333
+ st.write(" This will show last" )
1334
+ c.write(" This will show first" )
1335
+ c.write(" This will show second" )
1334
1336
```
1335
1337
1336
1338
</RefCard >
1337
- <RefCard href =" /library/api-reference/layout/st.tabs " >
1339
+ <RefCard href =" /library/api-reference/layout/st.empty " >
1338
1340
1339
- <Image pure alt =" screenshot " src =" /images/api/tabs .jpg " />
1341
+ <Image pure alt =" screenshot " src =" /images/api/empty .jpg " />
1340
1342
1341
- <h4 >Tabs </h4 >
1343
+ <h4 >Empty </h4 >
1342
1344
1343
- Insert containers separated into tabs .
1345
+ Insert a single-element container .
1344
1346
1345
1347
``` python
1346
- tab1, tab2 = st.tabs([" Tab 1" , " Tab2" ])
1347
- tab1.write(" this is tab 1" )
1348
- tab2.write(" this is tab 2" )
1348
+ c = st.empty()
1349
+ st.write(" This will show last" )
1350
+ c.write(" This will be replaced" )
1351
+ c.write(" This will show first" )
1349
1352
```
1350
1353
1351
1354
</RefCard >
@@ -1363,35 +1366,46 @@ with st.expander("Open to see more"):
1363
1366
```
1364
1367
1365
1368
</RefCard >
1366
- <RefCard href =" /library/api-reference/layout/st.container " >
1369
+ <RefCard href =" /library/api-reference/layout/st.popover " >
1367
1370
1368
- <Image pure alt =" screenshot " src =" /images/api/container.jpg " />
1371
+ <Image pure alt =" screenshot " src =" /images/api/popover.svg " />
1369
1372
1370
- <h4 >Container </h4 >
1373
+ <h4 >Popover </h4 >
1371
1374
1372
- Insert a multi-element container.
1375
+ Insert a multi-element popover container that can be opened/closed .
1373
1376
1374
1377
``` python
1375
- c = st.container()
1376
- st.write(" This will show last" )
1377
- c.write(" This will show first" )
1378
- c.write(" This will show second" )
1378
+ with st.popover(" Settings" ):
1379
+ st.checkbox(" Show completed" )
1379
1380
```
1380
1381
1381
1382
</RefCard >
1382
- <RefCard href =" /library/api-reference/layout/st.empty " >
1383
+ <RefCard href =" /library/api-reference/layout/st.sidebar " >
1383
1384
1384
- <Image pure alt =" screenshot " src =" /images/api/empty .jpg " />
1385
+ <Image pure alt =" screenshot " src =" /images/api/sidebar .jpg " />
1385
1386
1386
- <h4 >Empty </h4 >
1387
+ <h4 >Sidebar </h4 >
1387
1388
1388
- Insert a single-element container .
1389
+ Display items in a sidebar .
1389
1390
1390
1391
``` python
1391
- c = st.empty()
1392
- st.write(" This will show last" )
1393
- c.write(" This will be replaced" )
1394
- c.write(" This will show first" )
1392
+ st.sidebar.write(" This lives in the sidebar" )
1393
+ st.sidebar.button(" Click me!" )
1394
+ ```
1395
+
1396
+ </RefCard >
1397
+ <RefCard href =" /library/api-reference/layout/st.tabs " >
1398
+
1399
+ <Image pure alt =" screenshot " src =" /images/api/tabs.jpg " />
1400
+
1401
+ <h4 >Tabs</h4 >
1402
+
1403
+ Insert containers separated into tabs.
1404
+
1405
+ ``` python
1406
+ tab1, tab2 = st.tabs([" Tab 1" , " Tab2" ])
1407
+ tab1.write(" this is tab 1" )
1408
+ tab2.write(" this is tab 2" )
1395
1409
```
1396
1410
1397
1411
</RefCard >
0 commit comments