zhangyiss/FTXUI
1
0
Fork 0
mirror of https://github.com/ArthurSonzogni/FTXUI.git synced 2025-06-23 23:41:13 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
fca8e2977f
FTXUI/flexbox__config_8hpp_source.html
ArthurSonzogni fca8e2977f deploy: 68fc9b1212
2025-06-20 14:18:44 +00:00

381 lines
48 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- HTML header for doxygen 1.9.8-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=11"/>
<meta name="generator" content="Doxygen 1.12.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>FTXUI: flexbox_config.hpp Source File</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="dynsections.js"></script>
<script type="text/javascript" src="doxygen-awesome-fragment-copy-button.js"></script>
<script type="text/javascript" src="doxygen-awesome-paragraph-link.js"></script>
<script type="text/javascript" src="doxygen-awesome-interactive-toc.js"></script>
<script type="text/javascript" src="doxygen-awesome-tabs.js"></script>
<script type="module">
DoxygenAwesomeFragmentCopyButton.init()
DoxygenAwesomeParagraphLink.init()
DoxygenAwesomeInteractiveToc.init()
DoxygenAwesomeTabs.init()
await new Promise(r => window.addEventListener('DOMContentLoaded', r));
// Remove title when a img[alt='title-img'] is present.
// Find an image with the alt "img-title".
const img = document.querySelector("img[alt='title-img']");
const header = document.querySelector(".headertitle");
if (img && header) {
// Hide the header title progressively.
header.style.display = "none";
// Show progressively the image.
img.style.maxHeight = "40vh";
img.style.maxWidth = "100%";
img.style.objectFit = "contain";
}
// In the "examples.html" page. Turn every link with text
// "examples/<...>
//
// Add a "demo" link toward.
// https://arthursonzogni.github.io/FTXUI/examples/?file=<...>
const examples = document.querySelectorAll("a")
examples.forEach((example) => {
if (!example.textContent.startsWith("examples/")) {
return;
}
// Remove the ".cpp" extension from the example name.
const exampleName = example.textContent.replace("examples/", "").replace(".cpp", "");
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + exampleName;
a.style.marginRight= "1em";
a.style.fontWeight = "bold";
example.parentElement.insertBefore(a, example)
});
// If the current URL ends with -example.html, we can add a link to the demo
// as well using the div.title textContent.
const url = new URL(window.location.href);
if (url.pathname.endsWith("-example.html")) {
// Get the title text.
const title = document.querySelector("div.title").textContent;
const example = title.replace("examples/", "").replace(".cpp", "");
// Create a link to the demo.
const a = document.createElement("a");
a.textContent = "[demo]";
a.href = "https://arthursonzogni.github.io/FTXUI/examples/?file=" + example;
a.style.marginLeft = "1em";
a.style.fontWeight = "bold";
a.style.display = "inline-block";
// Insert the link after the title.
const titleDiv = document.querySelector("div.title");
if (titleDiv) {
titleDiv.insertBefore(a, titleDiv.nextSibling);
}
}
</script>
<script type="module">
// Click on the navtree, except for the main page where this is already done
// automatically.
let delay = 0;
while(true) {
const navtree = document.querySelector("div.item.selected");
if (!navtree) {
delay *= 2;
delay += 1;
await new Promise(resolve => setTimeout(resolve, delay));
continue;
}
// Include only selected navtree items.
console.log("navtree.textContent", navtree.textContent);
if (!navtree.textContent.includes("Getting Started") &&
!navtree.textContent.includes("Installation") &&
!navtree.textContent.includes("ftxui / screen") &&
!navtree.textContent.includes("ftxui / dom") &&
!navtree.textContent.includes("ftxui / component") &&
!navtree.textContent.includes("Reference")) {
break;
}
// Find the first link inside the navtree.
const link = navtree.querySelector("a");
if (link) {
// Simulate a click on the link.
link.click();
break;
}
}
</script>
<link href="navtree.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="navtreedata.js"></script>
<script type="text/javascript" src="navtree.js"></script>
<script type="text/javascript" src="resize.js"></script>
<script type="text/javascript" src="cookie.js"></script>
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="search/searchdata.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
<link href="doxygen-awesome.css" rel="stylesheet" type="text/css"/>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="top"><!-- do not remove this div, it is closed by doxygen! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr id="projectrow">
<td id="projectalign">
<div id="projectname">FTXUI<span id="projectnumber">&#160;6.1.9</span>
</div>
<div id="projectbrief">C++ functional terminal UI.</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- end header part -->
<!-- Generated by Doxygen 1.12.0 -->
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
var searchBox = new SearchBox("searchBox", "search/",'.html');
/* @license-end */
</script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() { codefold.init(0); });
/* @license-end */
</script>
<script type="text/javascript" src="menudata.js"></script>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function() {
initMenu('',true,false,'search.php','Search',true);
$(function() { init_search(); });
});
/* @license-end */
</script>
<div id="main-nav"></div>
</div><!-- top -->
<div id="side-nav" class="ui-resizable side-nav-resizable">
<div id="nav-tree">
<div id="nav-tree-contents">
<div id="nav-sync" class="sync"></div>
</div>
</div>
<div id="splitbar" style="-moz-user-select:none;"
class="ui-resizable-handle">
</div>
</div>
<script type="text/javascript">
/* @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&amp;dn=expat.txt MIT */
$(function(){initNavTree('flexbox__config_8hpp_source.html',''); initResizable(true); });
/* @license-end */
</script>
<div id="doc-content">
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
</div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<div id="MSearchResults">
<div class="SRPage">
<div id="SRIndex">
<div id="SRResults"></div>
<div class="SRStatus" id="Loading">Loading...</div>
<div class="SRStatus" id="Searching">Searching...</div>
<div class="SRStatus" id="NoMatches">No Matches</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="headertitle"><div class="title">flexbox_config.hpp</div></div>
</div><!--header-->
<div class="contents">
<a href="flexbox__config_8hpp.html">Go to the documentation of this file.</a><div class="fragment"><div class="line"><a id="l00001" name="l00001"></a><span class="lineno"> 1</span><span class="comment">// Copyright 2021 Arthur Sonzogni. All rights reserved.</span></div>
<div class="line"><a id="l00002" name="l00002"></a><span class="lineno"> 2</span><span class="comment">// Use of this source code is governed by the MIT license that can be found in</span></div>
<div class="line"><a id="l00003" name="l00003"></a><span class="lineno"> 3</span><span class="comment">// the LICENSE file.</span></div>
<div class="line"><a id="l00004" name="l00004"></a><span class="lineno"> 4</span><span class="preprocessor">#ifndef FTXUI_DOM_FLEXBOX_CONFIG_HPP</span></div>
<div class="line"><a id="l00005" name="l00005"></a><span class="lineno"> 5</span><span class="preprocessor">#define FTXUI_DOM_FLEXBOX_CONFIG_HPP</span></div>
<div class="line"><a id="l00006" name="l00006"></a><span class="lineno"> 6</span> </div>
<div class="line"><a id="l00007" name="l00007"></a><span class="lineno"> 7</span><span class="comment">/*</span></div>
<div class="line"><a id="l00008" name="l00008"></a><span class="lineno"> 8</span><span class="comment"> This replicate the CSS flexbox model.</span></div>
<div class="line"><a id="l00009" name="l00009"></a><span class="lineno"> 9</span><span class="comment"> See guide for documentation:</span></div>
<div class="line"><a id="l00010" name="l00010"></a><span class="lineno"> 10</span><span class="comment"> https://css-tricks.com/snippets/css/a-guide-to-flexbox/</span></div>
<div class="line"><a id="l00011" name="l00011"></a><span class="lineno"> 11</span><span class="comment">*/</span></div>
<div class="line"><a id="l00012" name="l00012"></a><span class="lineno"> 12</span> </div>
<div class="line"><a id="l00013" name="l00013"></a><span class="lineno"> 13</span><span class="keyword">namespace </span><a class="code hl_namespace" href="namespaceftxui.html">ftxui</a> {</div>
<div class="line"><a id="l00014" name="l00014"></a><span class="lineno"> 14</span> </div>
<div class="line"><a id="l00015" name="l00015"></a><span class="lineno"> 15</span><span class="comment"></span> </div>
<div class="line"><a id="l00016" name="l00016"></a><span class="lineno"> 16</span><span class="comment">/// @brief FlexboxConfig is a configuration structure that defines the layout</span></div>
<div class="line"><a id="l00017" name="l00017"></a><span class="lineno"> 17</span><span class="comment">/// properties for a flexbox container.</span></div>
<div class="line"><a id="l00018" name="l00018"></a><span class="lineno"> 18</span><span class="comment"></span><span class="comment">//</span><span class="comment"></span></div>
<div class="line"><a id="l00019" name="l00019"></a><span class="lineno"> 19</span><span class="comment">/// It allows you to specify the direction of the flex items, whether they</span></div>
<div class="line"><a id="l00020" name="l00020"></a><span class="lineno"> 20</span><span class="comment">/// should wrap, how they should be justified along the main axis, and how</span></div>
<div class="line"><a id="l00021" name="l00021"></a><span class="lineno"> 21</span><span class="comment">/// they should be aligned along the cross axis.</span></div>
<div class="line"><a id="l00022" name="l00022"></a><span class="lineno"> 22</span><span class="comment">/// It also includes properties for gaps between flex items in both the</span></div>
<div class="line"><a id="l00023" name="l00023"></a><span class="lineno"> 23</span><span class="comment">/// main and cross axes.</span></div>
<div class="line"><a id="l00024" name="l00024"></a><span class="lineno"> 24</span><span class="comment">/// This structure is used to configure the layout behavior of flexbox</span></div>
<div class="line"><a id="l00025" name="l00025"></a><span class="lineno"> 25</span><span class="comment">/// containers in a terminal user interface.</span></div>
<div class="line"><a id="l00026" name="l00026"></a><span class="lineno"> 26</span><span class="comment">///</span></div>
<div class="line"><a id="l00027" name="l00027"></a><span class="lineno"> 27</span><span class="comment">/// @ingroup dom</span></div>
<div class="foldopen" id="foldopen00028" data-start="{" data-end="};">
<div class="line"><a id="l00028" name="l00028"></a><span class="lineno"><a class="line" href="group__dom.html"> 28</a></span><span class="comment"></span><span class="keyword">struct </span><a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a> {<span class="comment"></span></div>
<div class="line"><a id="l00029" name="l00029"></a><span class="lineno"> 29</span><span class="comment"> /// This establishes the main-axis, thus defining the direction flex items are</span></div>
<div class="line"><a id="l00030" name="l00030"></a><span class="lineno"> 30</span><span class="comment"> /// placed in the flex container. Flexbox is (aside wrapping) single-direction</span></div>
<div class="line"><a id="l00031" name="l00031"></a><span class="lineno"> 31</span><span class="comment"> /// layout concept. Think of flex items as primarily laying out either in</span></div>
<div class="line"><a id="l00032" name="l00032"></a><span class="lineno"> 32</span><span class="comment"> /// horizontal rows or vertical columns.</span></div>
<div class="foldopen" id="foldopen00033" data-start="{" data-end="};">
<div class="line"><a id="l00033" name="l00033"></a><span class="lineno"><a class="line" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aa"> 33</a></span><span class="comment"></span> <span class="keyword">enum class</span> <a class="code hl_enumeration" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> {</div>
<div class="line"><a id="l00034" name="l00034"></a><span class="lineno"> 34</span> <a class="code hl_enumvalue" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Row</a>, <span class="comment">///&lt; Flex items are laid out in a row.</span></div>
<div class="line"><a id="l00035" name="l00035"></a><span class="lineno"> 35</span> <a class="code hl_enumvalue" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a">RowInversed</a>, <span class="comment">///&lt; Flex items are laid out in a row, but in reverse order.</span></div>
<div class="line"><a id="l00036" name="l00036"></a><span class="lineno"> 36</span> <a class="code hl_enumvalue" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d">Column</a>, <span class="comment">///&lt; Flex items are laid out in a column.</span></div>
<div class="line"><a id="l00037" name="l00037"></a><span class="lineno"> 37</span> <a class="code hl_enumvalue" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20">ColumnInversed</a> <span class="comment">///&lt; Flex items are laid out in a column, but in reverse</span><span class="comment"></span></div>
<div class="line"><a id="l00038" name="l00038"></a><span class="lineno"> 38</span><span class="comment"> ///&lt; order.</span></div>
<div class="line"><a id="l00039" name="l00039"></a><span class="lineno"> 39</span><span class="comment"></span> };</div>
</div>
<div class="line"><a id="l00040" name="l00040"></a><span class="lineno"><a class="line" href="group__dom.html#a53421c695d00016ab925777d423b4eb6"> 40</a></span> <a class="code hl_enumeration" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> <a class="code hl_variable" href="group__dom.html#a53421c695d00016ab925777d423b4eb6">direction</a> = <a class="code hl_enumvalue" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Direction::Row</a>;</div>
<div class="line"><a id="l00041" name="l00041"></a><span class="lineno"> 41</span><span class="comment"></span> </div>
<div class="line"><a id="l00042" name="l00042"></a><span class="lineno"> 42</span><span class="comment"> /// By default, flex items will all try to fit onto one line. You can change</span></div>
<div class="line"><a id="l00043" name="l00043"></a><span class="lineno"> 43</span><span class="comment"> /// that and allow the items to wrap as needed with this property.</span></div>
<div class="foldopen" id="foldopen00044" data-start="{" data-end="};">
<div class="line"><a id="l00044" name="l00044"></a><span class="lineno"><a class="line" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab"> 44</a></span><span class="comment"></span> <span class="keyword">enum class</span> <a class="code hl_enumeration" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a> {</div>
<div class="line"><a id="l00045" name="l00045"></a><span class="lineno"> 45</span> <a class="code hl_enumvalue" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44">NoWrap</a>, <span class="comment">///&lt; Flex items will all try to fit onto one line.</span></div>
<div class="line"><a id="l00046" name="l00046"></a><span class="lineno"> 46</span> <a class="code hl_enumeration" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a>, <span class="comment">///&lt; Flex items will wrap onto multiple lines.</span></div>
<div class="line"><a id="l00047" name="l00047"></a><span class="lineno"> 47</span> <a class="code hl_enumvalue" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642">WrapInversed</a>, <span class="comment">///&lt; Flex items will wrap onto multiple lines, but in reverse</span><span class="comment"></span></div>
<div class="line"><a id="l00048" name="l00048"></a><span class="lineno"> 48</span><span class="comment"> ///&lt; order.</span></div>
<div class="line"><a id="l00049" name="l00049"></a><span class="lineno"> 49</span><span class="comment"></span> };</div>
</div>
<div class="line"><a id="l00050" name="l00050"></a><span class="lineno"><a class="line" href="group__dom.html#a68b5470ece4f0a492cc1d2057c9bd5e0"> 50</a></span> <a class="code hl_enumeration" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a> <a class="code hl_variable" href="group__dom.html#a68b5470ece4f0a492cc1d2057c9bd5e0">wrap</a> = <a class="code hl_enumvalue" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">Wrap::Wrap</a>;</div>
<div class="line"><a id="l00051" name="l00051"></a><span class="lineno"> 51</span><span class="comment"></span> </div>
<div class="line"><a id="l00052" name="l00052"></a><span class="lineno"> 52</span><span class="comment"> /// This defines the alignment along the main axis. It helps distribute extra</span></div>
<div class="line"><a id="l00053" name="l00053"></a><span class="lineno"> 53</span><span class="comment"> /// free space leftover when either all the flex items on a line are</span></div>
<div class="line"><a id="l00054" name="l00054"></a><span class="lineno"> 54</span><span class="comment"> /// inflexible, or are flexible but have reached their maximum size. It also</span></div>
<div class="line"><a id="l00055" name="l00055"></a><span class="lineno"> 55</span><span class="comment"> /// exerts some control over the alignment of items when they overflow the</span></div>
<div class="line"><a id="l00056" name="l00056"></a><span class="lineno"> 56</span><span class="comment"> /// line.</span></div>
<div class="foldopen" id="foldopen00057" data-start="{" data-end="};">
<div class="line"><a id="l00057" name="l00057"></a><span class="lineno"><a class="line" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2"> 57</a></span><span class="comment"></span> <span class="keyword">enum class</span> <a class="code hl_enumeration" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a> {<span class="comment"></span></div>
<div class="line"><a id="l00058" name="l00058"></a><span class="lineno"> 58</span><span class="comment"> /// Items are aligned to the start of flexbox&#39;s direction.</span></div>
<div class="line"><a id="l00059" name="l00059"></a><span class="lineno"> 59</span><span class="comment"></span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>,<span class="comment"></span></div>
<div class="line"><a id="l00060" name="l00060"></a><span class="lineno"> 60</span><span class="comment"> /// Items are aligned to the end of flexbox&#39;s direction.</span></div>
<div class="line"><a id="l00061" name="l00061"></a><span class="lineno"> 61</span><span class="comment"></span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>,<span class="comment"></span></div>
<div class="line"><a id="l00062" name="l00062"></a><span class="lineno"> 62</span><span class="comment"> /// Items are centered along the line.</span></div>
<div class="line"><a id="l00063" name="l00063"></a><span class="lineno"> 63</span><span class="comment"></span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>,<span class="comment"></span></div>
<div class="line"><a id="l00064" name="l00064"></a><span class="lineno"> 64</span><span class="comment"> /// Items are stretched to fill the line.</span></div>
<div class="line"><a id="l00065" name="l00065"></a><span class="lineno"> 65</span><span class="comment"></span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560">Stretch</a>,<span class="comment"></span></div>
<div class="line"><a id="l00066" name="l00066"></a><span class="lineno"> 66</span><span class="comment"> /// Items are evenly distributed in the line; first item is on the start</span></div>
<div class="line"><a id="l00067" name="l00067"></a><span class="lineno"> 67</span><span class="comment"></span> <span class="comment">// line, last item on the end line</span></div>
<div class="line"><a id="l00068" name="l00068"></a><span class="lineno"> 68</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119">SpaceBetween</a>,<span class="comment"></span></div>
<div class="line"><a id="l00069" name="l00069"></a><span class="lineno"> 69</span><span class="comment"> /// Items are evenly distributed in the line with equal space around them.</span></div>
<div class="line"><a id="l00070" name="l00070"></a><span class="lineno"> 70</span><span class="comment"> /// Note that visually the spaces aren’t equal, since all the items have</span></div>
<div class="line"><a id="l00071" name="l00071"></a><span class="lineno"> 71</span><span class="comment"> /// equal space on both sides. The first item will have one unit of space</span></div>
<div class="line"><a id="l00072" name="l00072"></a><span class="lineno"> 72</span><span class="comment"> /// against the container edge, but two units of space between the next item</span></div>
<div class="line"><a id="l00073" name="l00073"></a><span class="lineno"> 73</span><span class="comment"> /// because that next item has its own spacing that applies.</span></div>
<div class="line"><a id="l00074" name="l00074"></a><span class="lineno"> 74</span><span class="comment"></span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565">SpaceAround</a>,<span class="comment"></span></div>
<div class="line"><a id="l00075" name="l00075"></a><span class="lineno"> 75</span><span class="comment"> /// Items are distributed so that the spacing between any two items (and the</span></div>
<div class="line"><a id="l00076" name="l00076"></a><span class="lineno"> 76</span><span class="comment"> /// space to the edges) is equal.</span></div>
<div class="line"><a id="l00077" name="l00077"></a><span class="lineno"> 77</span><span class="comment"></span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235">SpaceEvenly</a>,</div>
<div class="line"><a id="l00078" name="l00078"></a><span class="lineno"> 78</span> };</div>
</div>
<div class="line"><a id="l00079" name="l00079"></a><span class="lineno"><a class="line" href="group__dom.html#ab3173252829e796ee1c100b447243748"> 79</a></span> <a class="code hl_enumeration" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a> <a class="code hl_variable" href="group__dom.html#ab3173252829e796ee1c100b447243748">justify_content</a> = <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">JustifyContent::FlexStart</a>;</div>
<div class="line"><a id="l00080" name="l00080"></a><span class="lineno"> 80</span><span class="comment"></span> </div>
<div class="line"><a id="l00081" name="l00081"></a><span class="lineno"> 81</span><span class="comment"> /// This defines the default behavior for how flex items are laid out along</span></div>
<div class="line"><a id="l00082" name="l00082"></a><span class="lineno"> 82</span><span class="comment"> /// the cross axis on the current line. Think of it as the justify-content</span></div>
<div class="line"><a id="l00083" name="l00083"></a><span class="lineno"> 83</span><span class="comment"> /// version for the cross-axis (perpendicular to the main-axis).</span></div>
<div class="foldopen" id="foldopen00084" data-start="{" data-end="};">
<div class="line"><a id="l00084" name="l00084"></a><span class="lineno"><a class="line" href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7"> 84</a></span><span class="comment"></span> <span class="keyword">enum class</span> <a class="code hl_enumeration" href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a> {</div>
<div class="line"><a id="l00085" name="l00085"></a><span class="lineno"> 85</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>, <span class="comment">///&lt; items are placed at the start of the cross axis.</span></div>
<div class="line"><a id="l00086" name="l00086"></a><span class="lineno"> 86</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>, <span class="comment">///&lt; items are placed at the end of the cross axis.</span></div>
<div class="line"><a id="l00087" name="l00087"></a><span class="lineno"> 87</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>, <span class="comment">///&lt; items are centered along the cross axis.</span></div>
<div class="line"><a id="l00088" name="l00088"></a><span class="lineno"> 88</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560">Stretch</a>, <span class="comment">///&lt; items are stretched to fill the cross axis.</span></div>
<div class="line"><a id="l00089" name="l00089"></a><span class="lineno"> 89</span> };</div>
</div>
<div class="line"><a id="l00090" name="l00090"></a><span class="lineno"><a class="line" href="group__dom.html#a1514fd3d64965c521555fdc2cf2002ce"> 90</a></span> <a class="code hl_enumeration" href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a> <a class="code hl_variable" href="group__dom.html#a1514fd3d64965c521555fdc2cf2002ce">align_items</a> = <a class="code hl_enumvalue" href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">AlignItems::FlexStart</a>;</div>
<div class="line"><a id="l00091" name="l00091"></a><span class="lineno"> 91</span> </div>
<div class="line"><a id="l00092" name="l00092"></a><span class="lineno"> 92</span> <span class="comment">// This aligns a flex container’s lines within when there is extra space in</span></div>
<div class="line"><a id="l00093" name="l00093"></a><span class="lineno"> 93</span> <span class="comment">// the cross-axis, similar to how justify-content aligns individual items</span></div>
<div class="line"><a id="l00094" name="l00094"></a><span class="lineno"> 94</span> <span class="comment">// within the main-axis.</span></div>
<div class="foldopen" id="foldopen00095" data-start="{" data-end="};">
<div class="line"><a id="l00095" name="l00095"></a><span class="lineno"><a class="line" href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420"> 95</a></span> <span class="keyword">enum class</span> <a class="code hl_enumeration" href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a> {</div>
<div class="line"><a id="l00096" name="l00096"></a><span class="lineno"> 96</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>, <span class="comment">///&lt; items are placed at the start of the cross axis.</span></div>
<div class="line"><a id="l00097" name="l00097"></a><span class="lineno"> 97</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>, <span class="comment">///&lt; items are placed at the end of the cross axis.</span></div>
<div class="line"><a id="l00098" name="l00098"></a><span class="lineno"> 98</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>, <span class="comment">///&lt; items are centered along the cross axis.</span></div>
<div class="line"><a id="l00099" name="l00099"></a><span class="lineno"> 99</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560">Stretch</a>, <span class="comment">///&lt; items are stretched to fill the cross axis.</span></div>
<div class="line"><a id="l00100" name="l00100"></a><span class="lineno"> 100</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119">SpaceBetween</a>, <span class="comment">///&lt; items are evenly distributed in the cross axis.</span></div>
<div class="line"><a id="l00101" name="l00101"></a><span class="lineno"> 101</span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565">SpaceAround</a>, <span class="comment">///&lt; tems evenly distributed with equal space around each</span><span class="comment"></span></div>
<div class="line"><a id="l00102" name="l00102"></a><span class="lineno"> 102</span><span class="comment"> ///&lt; line.</span></div>
<div class="line"><a id="l00103" name="l00103"></a><span class="lineno"> 103</span><span class="comment"></span> <a class="code hl_enumvalue" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235">SpaceEvenly</a>, <span class="comment">///&lt; items are evenly distributed in the cross axis with equal</span><span class="comment"></span></div>
<div class="line"><a id="l00104" name="l00104"></a><span class="lineno"> 104</span><span class="comment"> ///&lt; space around them.</span></div>
<div class="line"><a id="l00105" name="l00105"></a><span class="lineno"> 105</span><span class="comment"></span> };</div>
</div>
<div class="line"><a id="l00106" name="l00106"></a><span class="lineno"><a class="line" href="group__dom.html#a103275cb09167852e469450cf8471256"> 106</a></span> <a class="code hl_enumeration" href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a> <a class="code hl_variable" href="group__dom.html#a103275cb09167852e469450cf8471256">align_content</a> = <a class="code hl_enumvalue" href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">AlignContent::FlexStart</a>;</div>
<div class="line"><a id="l00107" name="l00107"></a><span class="lineno"> 107</span> </div>
<div class="line"><a id="l00108" name="l00108"></a><span class="lineno"><a class="line" href="group__dom.html#a109ea05d5d6e08d052672465ff8dac61"> 108</a></span> <span class="keywordtype">int</span> <a class="code hl_variable" href="group__dom.html#a109ea05d5d6e08d052672465ff8dac61">gap_x</a> = 0;</div>
<div class="line"><a id="l00109" name="l00109"></a><span class="lineno"><a class="line" href="group__dom.html#ab01b75a8a9419ec5c47650772f342ba3"> 109</a></span> <span class="keywordtype">int</span> <a class="code hl_variable" href="group__dom.html#ab01b75a8a9419ec5c47650772f342ba3">gap_y</a> = 0;</div>
<div class="line"><a id="l00110" name="l00110"></a><span class="lineno"> 110</span> </div>
<div class="line"><a id="l00111" name="l00111"></a><span class="lineno"> 111</span> <span class="comment">// Constructor pattern. For chained use like:</span></div>
<div class="line"><a id="l00112" name="l00112"></a><span class="lineno"> 112</span> <span class="comment">// ```</span></div>
<div class="line"><a id="l00113" name="l00113"></a><span class="lineno"> 113</span> <span class="comment">// FlexboxConfig()</span></div>
<div class="line"><a id="l00114" name="l00114"></a><span class="lineno"> 114</span> <span class="comment">// .Set(FlexboxConfig::Direction::Row)</span></div>
<div class="line"><a id="l00115" name="l00115"></a><span class="lineno"> 115</span> <span class="comment">// .Set(FlexboxConfig::Wrap::Wrap);</span></div>
<div class="line"><a id="l00116" name="l00116"></a><span class="lineno"> 116</span> <span class="comment">// ```</span></div>
<div class="line"><a id="l00117" name="l00117"></a><span class="lineno"> 117</span> <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>&amp; <a class="code hl_function" href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">Set</a>(<a class="code hl_enumeration" href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aa">FlexboxConfig::Direction</a>);</div>
<div class="line"><a id="l00118" name="l00118"></a><span class="lineno"> 118</span> <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>&amp; <a class="code hl_function" href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">Set</a>(<a class="code hl_enumeration" href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab">FlexboxConfig::Wrap</a>);</div>
<div class="line"><a id="l00119" name="l00119"></a><span class="lineno"> 119</span> <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>&amp; <a class="code hl_function" href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">Set</a>(<a class="code hl_enumeration" href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">FlexboxConfig::JustifyContent</a>);</div>
<div class="line"><a id="l00120" name="l00120"></a><span class="lineno"> 120</span> <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>&amp; <a class="code hl_function" href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">Set</a>(<a class="code hl_enumeration" href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7">FlexboxConfig::AlignItems</a>);</div>
<div class="line"><a id="l00121" name="l00121"></a><span class="lineno"> 121</span> <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>&amp; <a class="code hl_function" href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">Set</a>(<a class="code hl_enumeration" href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420">FlexboxConfig::AlignContent</a>);</div>
<div class="line"><a id="l00122" name="l00122"></a><span class="lineno"> 122</span> <a class="code hl_struct" href="group__dom.html#structftxui_1_1FlexboxConfig">FlexboxConfig</a>&amp; <a class="code hl_function" href="group__dom.html#a98d9a43033c09c7f967cdec791408bad">SetGap</a>(<span class="keywordtype">int</span> <a class="code hl_variable" href="group__dom.html#a109ea05d5d6e08d052672465ff8dac61">gap_x</a>, <span class="keywordtype">int</span> <a class="code hl_variable" href="group__dom.html#ab01b75a8a9419ec5c47650772f342ba3">gap_y</a>);</div>
<div class="line"><a id="l00123" name="l00123"></a><span class="lineno"> 123</span>};</div>
</div>
<div class="line"><a id="l00124" name="l00124"></a><span class="lineno"> 124</span> </div>
<div class="line"><a id="l00125" name="l00125"></a><span class="lineno"> 125</span>} <span class="comment">// namespace ftxui</span></div>
<div class="line"><a id="l00126" name="l00126"></a><span class="lineno"> 126</span> </div>
<div class="line"><a id="l00127" name="l00127"></a><span class="lineno"> 127</span><span class="preprocessor">#endif </span><span class="comment">// FTXUI_DOM_FLEXBOX_CONFIG_HPP</span></div>
<div class="ttc" id="agroup__dom_html_a103275cb09167852e469450cf8471256"><div class="ttname"><a href="group__dom.html#a103275cb09167852e469450cf8471256">ftxui::FlexboxConfig::align_content</a></div><div class="ttdeci">AlignContent align_content</div><div class="ttdef"><b>Definition</b> <a href="#l00106">flexbox_config.hpp:106</a></div></div>
<div class="ttc" id="agroup__dom_html_a109ea05d5d6e08d052672465ff8dac61"><div class="ttname"><a href="group__dom.html#a109ea05d5d6e08d052672465ff8dac61">ftxui::FlexboxConfig::gap_x</a></div><div class="ttdeci">int gap_x</div><div class="ttdef"><b>Definition</b> <a href="#l00108">flexbox_config.hpp:108</a></div></div>
<div class="ttc" id="agroup__dom_html_a1514fd3d64965c521555fdc2cf2002ce"><div class="ttname"><a href="group__dom.html#a1514fd3d64965c521555fdc2cf2002ce">ftxui::FlexboxConfig::align_items</a></div><div class="ttdeci">AlignItems align_items</div><div class="ttdef"><b>Definition</b> <a href="#l00090">flexbox_config.hpp:90</a></div></div>
<div class="ttc" id="agroup__dom_html_a1f99410fd0fc632a5bc2497b6a447420"><div class="ttname"><a href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420">ftxui::FlexboxConfig::AlignContent</a></div><div class="ttdeci">AlignContent</div><div class="ttdef"><b>Definition</b> <a href="#l00095">flexbox_config.hpp:95</a></div></div>
<div class="ttc" id="agroup__dom_html_a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952"><div class="ttname"><a href="group__dom.html#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">ftxui::FlexboxConfig::AlignContent::FlexStart</a></div><div class="ttdeci">@ FlexStart</div><div class="ttdoc">items are placed at the start of the cross axis.</div></div>
<div class="ttc" id="agroup__dom_html_a224b9163917ac32fc95a60d8c1eec3aa"><div class="ttname"><a href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aa">ftxui::FlexboxConfig::Direction</a></div><div class="ttdeci">Direction</div><div class="ttdef"><b>Definition</b> <a href="#l00033">flexbox_config.hpp:33</a></div></div>
<div class="ttc" id="agroup__dom_html_a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d"><div class="ttname"><a href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d">ftxui::FlexboxConfig::Direction::Column</a></div><div class="ttdeci">@ Column</div><div class="ttdoc">Flex items are laid out in a column.</div></div>
<div class="ttc" id="agroup__dom_html_a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20"><div class="ttname"><a href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20">ftxui::FlexboxConfig::Direction::ColumnInversed</a></div><div class="ttdeci">@ ColumnInversed</div></div>
<div class="ttc" id="agroup__dom_html_a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3"><div class="ttname"><a href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">ftxui::FlexboxConfig::Direction::Row</a></div><div class="ttdeci">@ Row</div><div class="ttdoc">Flex items are laid out in a row.</div></div>
<div class="ttc" id="agroup__dom_html_a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a"><div class="ttname"><a href="group__dom.html#a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a">ftxui::FlexboxConfig::Direction::RowInversed</a></div><div class="ttdeci">@ RowInversed</div><div class="ttdoc">Flex items are laid out in a row, but in reverse order.</div></div>
<div class="ttc" id="agroup__dom_html_a53421c695d00016ab925777d423b4eb6"><div class="ttname"><a href="group__dom.html#a53421c695d00016ab925777d423b4eb6">ftxui::FlexboxConfig::direction</a></div><div class="ttdeci">Direction direction</div><div class="ttdef"><b>Definition</b> <a href="#l00040">flexbox_config.hpp:40</a></div></div>
<div class="ttc" id="agroup__dom_html_a68b5470ece4f0a492cc1d2057c9bd5e0"><div class="ttname"><a href="group__dom.html#a68b5470ece4f0a492cc1d2057c9bd5e0">ftxui::FlexboxConfig::wrap</a></div><div class="ttdeci">Wrap wrap</div><div class="ttdef"><b>Definition</b> <a href="#l00050">flexbox_config.hpp:50</a></div></div>
<div class="ttc" id="agroup__dom_html_a6c844a611650cf7e956dbe269a0e72ab"><div class="ttname"><a href="group__dom.html#a6c844a611650cf7e956dbe269a0e72ab">ftxui::FlexboxConfig::Wrap</a></div><div class="ttdeci">Wrap</div><div class="ttdef"><b>Definition</b> <a href="#l00044">flexbox_config.hpp:44</a></div></div>
<div class="ttc" id="agroup__dom_html_a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44"><div class="ttname"><a href="group__dom.html#a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44">ftxui::FlexboxConfig::Wrap::NoWrap</a></div><div class="ttdeci">@ NoWrap</div><div class="ttdoc">Flex items will all try to fit onto one line.</div></div>
<div class="ttc" id="agroup__dom_html_a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d"><div class="ttname"><a href="group__dom.html#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">ftxui::FlexboxConfig::Wrap::Wrap</a></div><div class="ttdeci">@ Wrap</div><div class="ttdoc">Flex items will wrap onto multiple lines.</div></div>
<div class="ttc" id="agroup__dom_html_a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642"><div class="ttname"><a href="group__dom.html#a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642">ftxui::FlexboxConfig::Wrap::WrapInversed</a></div><div class="ttdeci">@ WrapInversed</div></div>
<div class="ttc" id="agroup__dom_html_a821af961ece5fe13540ad48b54c7a9e7"><div class="ttname"><a href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7">ftxui::FlexboxConfig::AlignItems</a></div><div class="ttdeci">AlignItems</div><div class="ttdef"><b>Definition</b> <a href="#l00084">flexbox_config.hpp:84</a></div></div>
<div class="ttc" id="agroup__dom_html_a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952"><div class="ttname"><a href="group__dom.html#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">ftxui::FlexboxConfig::AlignItems::FlexStart</a></div><div class="ttdeci">@ FlexStart</div><div class="ttdoc">items are placed at the start of the cross axis.</div></div>
<div class="ttc" id="agroup__dom_html_a98d9a43033c09c7f967cdec791408bad"><div class="ttname"><a href="group__dom.html#a98d9a43033c09c7f967cdec791408bad">ftxui::FlexboxConfig::SetGap</a></div><div class="ttdeci">FlexboxConfig &amp; SetGap(int gap_x, int gap_y)</div><div class="ttdoc">Set the flexbox flex direction.</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8cpp_source.html#l00039">flexbox_config.cpp:39</a></div></div>
<div class="ttc" id="agroup__dom_html_ab01b75a8a9419ec5c47650772f342ba3"><div class="ttname"><a href="group__dom.html#ab01b75a8a9419ec5c47650772f342ba3">ftxui::FlexboxConfig::gap_y</a></div><div class="ttdeci">int gap_y</div><div class="ttdef"><b>Definition</b> <a href="#l00109">flexbox_config.hpp:109</a></div></div>
<div class="ttc" id="agroup__dom_html_ab3173252829e796ee1c100b447243748"><div class="ttname"><a href="group__dom.html#ab3173252829e796ee1c100b447243748">ftxui::FlexboxConfig::justify_content</a></div><div class="ttdeci">JustifyContent justify_content</div><div class="ttdef"><b>Definition</b> <a href="#l00079">flexbox_config.hpp:79</a></div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">ftxui::FlexboxConfig::JustifyContent</a></div><div class="ttdeci">JustifyContent</div><div class="ttdef"><b>Definition</b> <a href="#l00057">flexbox_config.hpp:57</a></div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235">ftxui::FlexboxConfig::JustifyContent::SpaceEvenly</a></div><div class="ttdeci">@ SpaceEvenly</div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd">ftxui::FlexboxConfig::JustifyContent::Center</a></div><div class="ttdeci">@ Center</div><div class="ttdoc">Items are centered along the line.</div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">ftxui::FlexboxConfig::JustifyContent::FlexStart</a></div><div class="ttdeci">@ FlexStart</div><div class="ttdoc">Items are aligned to the start of flexbox's direction.</div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25">ftxui::FlexboxConfig::JustifyContent::FlexEnd</a></div><div class="ttdeci">@ FlexEnd</div><div class="ttdoc">Items are aligned to the end of flexbox's direction.</div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565">ftxui::FlexboxConfig::JustifyContent::SpaceAround</a></div><div class="ttdeci">@ SpaceAround</div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119">ftxui::FlexboxConfig::JustifyContent::SpaceBetween</a></div><div class="ttdeci">@ SpaceBetween</div><div class="ttdoc">Items are evenly distributed in the line; first item is on the start.</div></div>
<div class="ttc" id="agroup__dom_html_ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560"><div class="ttname"><a href="group__dom.html#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560">ftxui::FlexboxConfig::JustifyContent::Stretch</a></div><div class="ttdeci">@ Stretch</div><div class="ttdoc">Items are stretched to fill the line.</div></div>
<div class="ttc" id="agroup__dom_html_ae47b5b0d793d0c2312e4805a1f40012a"><div class="ttname"><a href="group__dom.html#ae47b5b0d793d0c2312e4805a1f40012a">ftxui::FlexboxConfig::Set</a></div><div class="ttdeci">FlexboxConfig &amp; Set(FlexboxConfig::Direction)</div><div class="ttdoc">Set the flexbox direction.</div><div class="ttdef"><b>Definition</b> <a href="flexbox__config_8cpp_source.html#l00009">flexbox_config.cpp:9</a></div></div>
<div class="ttc" id="agroup__dom_html_structftxui_1_1FlexboxConfig"><div class="ttname"><a href="group__dom.html#structftxui_1_1FlexboxConfig">ftxui::FlexboxConfig</a></div><div class="ttdoc">FlexboxConfig is a configuration structure that defines the layout properties for a flexbox container...</div><div class="ttdef"><b>Definition</b> <a href="#l00028">flexbox_config.hpp:28</a></div></div>
<div class="ttc" id="anamespaceftxui_html"><div class="ttname"><a href="namespaceftxui.html">ftxui</a></div><div class="ttdoc">The FTXUI ftxui:: namespace.</div><div class="ttdef"><b>Definition</b> <a href="animation_8hpp_source.html#l00010">animation.hpp:10</a></div></div>
</div><!-- fragment --></div><!-- contents -->
</div><!-- doc-content -->
<!-- HTML footer for doxygen 1.9.8-->
<!-- start footer part -->
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
<ul>
<li class="navelem"><a class="el" href="dir_d44c64559bbebec7f509842c48db8b23.html">include</a></li><li class="navelem"><a class="el" href="dir_7f0d124f4cd00c9c7b5b93f60cb4ae34.html">ftxui</a></li><li class="navelem"><a class="el" href="dir_4cbb3a1c219643e03aadd7cd3693e7bd.html">dom</a></li><li class="navelem"><a class="el" href="flexbox__config_8hpp.html">flexbox_config.hpp</a></li>
<li class="footer">Generated by <a href="https://www.doxygen.org/index.html"><img class="footer" src="doxygen.svg" width="104" height="31" alt="doxygen"/></a> 1.12.0 </li>
</ul>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink