Files
FTXUI/structftxui_1_1FlexboxConfig.html

685 lines
46 KiB
HTML
Raw Normal View History

<!-- 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: FlexboxConfig Struct Reference</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="text/javascript">
DoxygenAwesomeFragmentCopyButton.init()
DoxygenAwesomeParagraphLink.init()
DoxygenAwesomeInteractiveToc.init()
DoxygenAwesomeTabs.init()
window.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll(".headertitle").forEach(div => {
// Hide progressively the title.
if (div.textContent != "Getting Started" &&
div.textContent != "Installation" &&
div.textContent != "Modules" &&
true) {
return;
}
div.style.display = "none";
// Show progressively the image.
const img = document.querySelector("img.inline");
img.style.maxHeight = "40vh";
img.style.maxWidth = "100%";
img.style.objectFit = "contain";
});
});
</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('structftxui_1_1FlexboxConfig.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="summary">
<a href="#pub-types">Public Types</a> &#124;
<a href="#pub-methods">Public Member Functions</a> &#124;
<a href="#pub-attribs">Data Fields</a> </div>
<div class="headertitle"><div class="title">FlexboxConfig Struct Reference</div></div>
</div><!--header-->
<div class="contents">
<p><code>#include &lt;<a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>&gt;</code></p>
<table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="pub-types" name="pub-types"></a>
Public Types</h2></td></tr>
<tr class="memitem:a224b9163917ac32fc95a60d8c1eec3aa" id="r_a224b9163917ac32fc95a60d8c1eec3aa"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> { <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Row</a>
, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a">RowInversed</a>
, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d">Column</a>
, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20">ColumnInversed</a>
}</td></tr>
<tr class="separator:a224b9163917ac32fc95a60d8c1eec3aa"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6c844a611650cf7e956dbe269a0e72ab" id="r_a6c844a611650cf7e956dbe269a0e72ab"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a> { <a class="el" href="#a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44">NoWrap</a>
, <a class="el" href="#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">Wrap</a>
, <a class="el" href="#a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642">WrapInversed</a>
}</td></tr>
<tr class="separator:a6c844a611650cf7e956dbe269a0e72ab"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac6e5ab18dcac465ee2ac9a0d8b4a82d2" id="r_ac6e5ab18dcac465ee2ac9a0d8b4a82d2"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a> { <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>
, <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>
, <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>
, <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560">Stretch</a>
, <br />
&#160;&#160;<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119">SpaceBetween</a>
, <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565">SpaceAround</a>
, <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235">SpaceEvenly</a>
<br />
}</td></tr>
<tr class="separator:ac6e5ab18dcac465ee2ac9a0d8b4a82d2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a821af961ece5fe13540ad48b54c7a9e7" id="r_a821af961ece5fe13540ad48b54c7a9e7"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a> { <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>
, <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>
, <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>
, <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7afbb09a82eafab60150d0996e8fe46560">Stretch</a>
}</td></tr>
<tr class="separator:a821af961ece5fe13540ad48b54c7a9e7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1f99410fd0fc632a5bc2497b6a447420" id="r_a1f99410fd0fc632a5bc2497b6a447420"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a> { <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">FlexStart</a>
, <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a923a60a08f41dc3052190403fc2a6b25">FlexEnd</a>
, <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a4f1f6016fc9f3f2353c0cc7c67b292bd">Center</a>
, <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420afbb09a82eafab60150d0996e8fe46560">Stretch</a>
, <br />
&#160;&#160;<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420afa2f3f8f296dcb6e5c287d69eae1c119">SpaceBetween</a>
, <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420aa711fff5f720542ab104aab0805e2565">SpaceAround</a>
, <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a34ad3eaf7ee60a45210ad60bd731e235">SpaceEvenly</a>
<br />
}</td></tr>
<tr class="separator:a1f99410fd0fc632a5bc2497b6a447420"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="pub-methods" name="pub-methods"></a>
Public Member Functions</h2></td></tr>
<tr class="memitem:ae47b5b0d793d0c2312e4805a1f40012a" id="r_ae47b5b0d793d0c2312e4805a1f40012a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae47b5b0d793d0c2312e4805a1f40012a">Set</a> (<a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">FlexboxConfig::Direction</a>)</td></tr>
<tr class="memdesc:ae47b5b0d793d0c2312e4805a1f40012a"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the flexbox direction. <br /></td></tr>
<tr class="separator:ae47b5b0d793d0c2312e4805a1f40012a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5afe52066ea76ddc7948b77ac155a011" id="r_a5afe52066ea76ddc7948b77ac155a011"><td class="memItemLeft" align="right" valign="top"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5afe52066ea76ddc7948b77ac155a011">Set</a> (<a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">FlexboxConfig::Wrap</a>)</td></tr>
<tr class="memdesc:a5afe52066ea76ddc7948b77ac155a011"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the flexbox wrap. <br /></td></tr>
<tr class="separator:a5afe52066ea76ddc7948b77ac155a011"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3de11197951ee3c9037ba7f2a2586a06" id="r_a3de11197951ee3c9037ba7f2a2586a06"><td class="memItemLeft" align="right" valign="top"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3de11197951ee3c9037ba7f2a2586a06">Set</a> (<a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">FlexboxConfig::JustifyContent</a>)</td></tr>
<tr class="memdesc:a3de11197951ee3c9037ba7f2a2586a06"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the flexbox justify content. <br /></td></tr>
<tr class="separator:a3de11197951ee3c9037ba7f2a2586a06"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a07ef12f61272636369543b34932614f3" id="r_a07ef12f61272636369543b34932614f3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a07ef12f61272636369543b34932614f3">Set</a> (<a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">FlexboxConfig::AlignItems</a>)</td></tr>
<tr class="memdesc:a07ef12f61272636369543b34932614f3"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the flexbox align items. <br /></td></tr>
<tr class="separator:a07ef12f61272636369543b34932614f3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6df4ec3da7d3d2cd0b216f5d2c72cbd6" id="r_a6df4ec3da7d3d2cd0b216f5d2c72cbd6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6df4ec3da7d3d2cd0b216f5d2c72cbd6">Set</a> (<a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">FlexboxConfig::AlignContent</a>)</td></tr>
<tr class="memdesc:a6df4ec3da7d3d2cd0b216f5d2c72cbd6"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the flexbox align content. <br /></td></tr>
<tr class="separator:a6df4ec3da7d3d2cd0b216f5d2c72cbd6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a98d9a43033c09c7f967cdec791408bad" id="r_a98d9a43033c09c7f967cdec791408bad"><td class="memItemLeft" align="right" valign="top"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a98d9a43033c09c7f967cdec791408bad">SetGap</a> (int <a class="el" href="#a109ea05d5d6e08d052672465ff8dac61">gap_x</a>, int <a class="el" href="#ab01b75a8a9419ec5c47650772f342ba3">gap_y</a>)</td></tr>
<tr class="memdesc:a98d9a43033c09c7f967cdec791408bad"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the flexbox flex direction. <br /></td></tr>
<tr class="separator:a98d9a43033c09c7f967cdec791408bad"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="pub-attribs" name="pub-attribs"></a>
Data Fields</h2></td></tr>
<tr class="memitem:a53421c695d00016ab925777d423b4eb6" id="r_a53421c695d00016ab925777d423b4eb6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a53421c695d00016ab925777d423b4eb6">direction</a> = <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Direction::Row</a></td></tr>
<tr class="separator:a53421c695d00016ab925777d423b4eb6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a68b5470ece4f0a492cc1d2057c9bd5e0" id="r_a68b5470ece4f0a492cc1d2057c9bd5e0"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a68b5470ece4f0a492cc1d2057c9bd5e0">wrap</a> = <a class="el" href="#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">Wrap::Wrap</a></td></tr>
<tr class="separator:a68b5470ece4f0a492cc1d2057c9bd5e0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab3173252829e796ee1c100b447243748" id="r_ab3173252829e796ee1c100b447243748"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab3173252829e796ee1c100b447243748">justify_content</a> = <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">JustifyContent::FlexStart</a></td></tr>
<tr class="separator:ab3173252829e796ee1c100b447243748"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1514fd3d64965c521555fdc2cf2002ce" id="r_a1514fd3d64965c521555fdc2cf2002ce"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1514fd3d64965c521555fdc2cf2002ce">align_items</a> = <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">AlignItems::FlexStart</a></td></tr>
<tr class="separator:a1514fd3d64965c521555fdc2cf2002ce"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a103275cb09167852e469450cf8471256" id="r_a103275cb09167852e469450cf8471256"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a103275cb09167852e469450cf8471256">align_content</a> = <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">AlignContent::FlexStart</a></td></tr>
<tr class="separator:a103275cb09167852e469450cf8471256"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a109ea05d5d6e08d052672465ff8dac61" id="r_a109ea05d5d6e08d052672465ff8dac61"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a109ea05d5d6e08d052672465ff8dac61">gap_x</a> = 0</td></tr>
<tr class="separator:a109ea05d5d6e08d052672465ff8dac61"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab01b75a8a9419ec5c47650772f342ba3" id="r_ab01b75a8a9419ec5c47650772f342ba3"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab01b75a8a9419ec5c47650772f342ba3">gap_y</a> = 0</td></tr>
<tr class="separator:ab01b75a8a9419ec5c47650772f342ba3"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<a name="details" id="details"></a><h2 class="groupheader">Detailed Description</h2>
<div class="textblock"><dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2dropdown_custom_8cpp-example.html#_a2">examples/component/dropdown_custom.cpp</a>, <a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#_a3">examples/component/flexbox_gallery.cpp</a>, <a class="el" href="examples_2component_2gallery_8cpp-example.html#_a4">examples/component/gallery.cpp</a>, and <a class="el" href="examples_2component_2homescreen_8cpp-example.html#_a7">examples/component/homescreen.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00015">15</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div><h2 class="groupheader">Member Enumeration Documentation</h2>
<a id="a224b9163917ac32fc95a60d8c1eec3aa" name="a224b9163917ac32fc95a60d8c1eec3aa"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a224b9163917ac32fc95a60d8c1eec3aa">&#9670;&#160;</a></span>Direction</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside wrapping) single-direction layout concept. Think of flex items as primarily laying out either in horizontal rows or vertical columns. </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3" name="a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3"></a>Row&#160;</td><td class="fielddoc"><p>Flex items are laid out in a row. </p>
</td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a" name="a224b9163917ac32fc95a60d8c1eec3aaabba4d6f3a9cec9c96600e3e0d17b9f6a"></a>RowInversed&#160;</td><td class="fielddoc"><p>Flex items are laid out in a row, but in reverse order. </p>
</td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d" name="a224b9163917ac32fc95a60d8c1eec3aaa1976d7f704de389d9fe064e08ea35b2d"></a>Column&#160;</td><td class="fielddoc"><p>Flex items are laid out in a column. </p>
</td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20" name="a224b9163917ac32fc95a60d8c1eec3aaa338df815740895b690c7b07716acda20"></a>ColumnInversed&#160;</td><td class="fielddoc"><p>Flex items are laid out in a column, but in reverse order. </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00020">20</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a6c844a611650cf7e956dbe269a0e72ab" name="a6c844a611650cf7e956dbe269a0e72ab"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6c844a611650cf7e956dbe269a0e72ab">&#9670;&#160;</a></span>Wrap</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>By default, flex items will all try to fit onto one line. You can change that and allow the items to wrap as needed with this property. </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44" name="a6c844a611650cf7e956dbe269a0e72aba93ac740a98eb4cc45b853c780ed16c44"></a>NoWrap&#160;</td><td class="fielddoc"><p>Flex items will all try to fit onto one line. </p>
</td></tr>
<tr><td class="fieldname"><a id="a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d" name="a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d"></a>Wrap&#160;</td><td class="fielddoc"><p>Flex items will wrap onto multiple lines. </p>
</td></tr>
<tr><td class="fieldname"><a id="a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642" name="a6c844a611650cf7e956dbe269a0e72abad639e613e3589af04e39135707dbc642"></a>WrapInversed&#160;</td><td class="fielddoc"><p>Flex items will wrap onto multiple lines, but in reverse order. </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00031">31</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">&#9670;&#160;</a></span>JustifyContent</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>This defines the alignment along the main axis. It helps distribute extra free space leftover when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size. It also exerts some control over the alignment of items when they overflow the line. </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952"></a>FlexStart&#160;</td><td class="fielddoc"><p>Items are aligned to the start of flexbox's direction. </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a923a60a08f41dc3052190403fc2a6b25"></a>FlexEnd&#160;</td><td class="fielddoc"><p>Items are aligned to the end of flexbox's direction. </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a4f1f6016fc9f3f2353c0cc7c67b292bd"></a>Center&#160;</td><td class="fielddoc"><p>Items are centered along the line. </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afbb09a82eafab60150d0996e8fe46560"></a>Stretch&#160;</td><td class="fielddoc"><p>Items are stretched to fill the line. </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2afa2f3f8f296dcb6e5c287d69eae1c119"></a>SpaceBetween&#160;</td><td class="fielddoc"><p>Items are evenly distributed in the line; first item is on the start. </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2aa711fff5f720542ab104aab0805e2565"></a>SpaceAround&#160;</td><td class="fielddoc"><p>Items are evenly distributed in the line with equal space around them. Note that visually the spaces arent equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has its own spacing that applies. </p>
</td></tr>
<tr><td class="fieldname"><a id="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235" name="ac6e5ab18dcac465ee2ac9a0d8b4a82d2a34ad3eaf7ee60a45210ad60bd731e235"></a>SpaceEvenly&#160;</td><td class="fielddoc"><p>Items are distributed so that the spacing between any two items (and the space to the edges) is equal. </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00044">44</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a821af961ece5fe13540ad48b54c7a9e7" name="a821af961ece5fe13540ad48b54c7a9e7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a821af961ece5fe13540ad48b54c7a9e7">&#9670;&#160;</a></span>AlignItems</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<p>This defines the default behavior for how flex items are laid out along the cross axis on the current line. Think of it as the justify-content version for the cross-axis (perpendicular to the main-axis). </p>
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952" name="a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952"></a>FlexStart&#160;</td><td class="fielddoc"><p>items are placed at the start of the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7a923a60a08f41dc3052190403fc2a6b25" name="a821af961ece5fe13540ad48b54c7a9e7a923a60a08f41dc3052190403fc2a6b25"></a>FlexEnd&#160;</td><td class="fielddoc"><p>items are placed at the end of the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7a4f1f6016fc9f3f2353c0cc7c67b292bd" name="a821af961ece5fe13540ad48b54c7a9e7a4f1f6016fc9f3f2353c0cc7c67b292bd"></a>Center&#160;</td><td class="fielddoc"><p>items are centered along the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a821af961ece5fe13540ad48b54c7a9e7afbb09a82eafab60150d0996e8fe46560" name="a821af961ece5fe13540ad48b54c7a9e7afbb09a82eafab60150d0996e8fe46560"></a>Stretch&#160;</td><td class="fielddoc"><p>items are stretched to fill the cross axis. </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00071">71</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a1f99410fd0fc632a5bc2497b6a447420" name="a1f99410fd0fc632a5bc2497b6a447420"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1f99410fd0fc632a5bc2497b6a447420">&#9670;&#160;</a></span>AlignContent</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952" name="a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952"></a>FlexStart&#160;</td><td class="fielddoc"><p>items are placed at the start of the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a923a60a08f41dc3052190403fc2a6b25" name="a1f99410fd0fc632a5bc2497b6a447420a923a60a08f41dc3052190403fc2a6b25"></a>FlexEnd&#160;</td><td class="fielddoc"><p>items are placed at the end of the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a4f1f6016fc9f3f2353c0cc7c67b292bd" name="a1f99410fd0fc632a5bc2497b6a447420a4f1f6016fc9f3f2353c0cc7c67b292bd"></a>Center&#160;</td><td class="fielddoc"><p>items are centered along the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420afbb09a82eafab60150d0996e8fe46560" name="a1f99410fd0fc632a5bc2497b6a447420afbb09a82eafab60150d0996e8fe46560"></a>Stretch&#160;</td><td class="fielddoc"><p>items are stretched to fill the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420afa2f3f8f296dcb6e5c287d69eae1c119" name="a1f99410fd0fc632a5bc2497b6a447420afa2f3f8f296dcb6e5c287d69eae1c119"></a>SpaceBetween&#160;</td><td class="fielddoc"><p>items are evenly distributed in the cross axis. </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420aa711fff5f720542ab104aab0805e2565" name="a1f99410fd0fc632a5bc2497b6a447420aa711fff5f720542ab104aab0805e2565"></a>SpaceAround&#160;</td><td class="fielddoc"><p>tems evenly distributed with equal space around each line. </p>
</td></tr>
<tr><td class="fieldname"><a id="a1f99410fd0fc632a5bc2497b6a447420a34ad3eaf7ee60a45210ad60bd731e235" name="a1f99410fd0fc632a5bc2497b6a447420a34ad3eaf7ee60a45210ad60bd731e235"></a>SpaceEvenly&#160;</td><td class="fielddoc"><p>items are evenly distributed in the cross axis with equal space around them. </p>
</td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00082">82</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<h2 class="groupheader">Member Function Documentation</h2>
<a id="ae47b5b0d793d0c2312e4805a1f40012a" name="ae47b5b0d793d0c2312e4805a1f40012a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae47b5b0d793d0c2312e4805a1f40012a">&#9670;&#160;</a></span>Set() <span class="overload">[1/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">FlexboxConfig::Direction</a></td> <td class="paramname"><span class="paramname"><em>d</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the flexbox direction. </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2dropdown_custom_8cpp-example.html#a8">examples/component/dropdown_custom.cpp</a>, and <a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a9">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00010">10</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a5afe52066ea76ddc7948b77ac155a011" name="a5afe52066ea76ddc7948b77ac155a011"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5afe52066ea76ddc7948b77ac155a011">&#9670;&#160;</a></span>Set() <span class="overload">[2/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">FlexboxConfig::Wrap</a></td> <td class="paramname"><span class="paramname"><em>w</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the flexbox wrap. </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00017">17</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a3de11197951ee3c9037ba7f2a2586a06" name="a3de11197951ee3c9037ba7f2a2586a06"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3de11197951ee3c9037ba7f2a2586a06">&#9670;&#160;</a></span>Set() <span class="overload">[3/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">FlexboxConfig::JustifyContent</a></td> <td class="paramname"><span class="paramname"><em>j</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the flexbox justify content. </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00024">24</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a07ef12f61272636369543b34932614f3" name="a07ef12f61272636369543b34932614f3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a07ef12f61272636369543b34932614f3">&#9670;&#160;</a></span>Set() <span class="overload">[4/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">FlexboxConfig::AlignItems</a></td> <td class="paramname"><span class="paramname"><em>a</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the flexbox align items. </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00031">31</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a6df4ec3da7d3d2cd0b216f5d2c72cbd6" name="a6df4ec3da7d3d2cd0b216f5d2c72cbd6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6df4ec3da7d3d2cd0b216f5d2c72cbd6">&#9670;&#160;</a></span>Set() <span class="overload">[5/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp; Set </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">FlexboxConfig::AlignContent</a></td> <td class="paramname"><span class="paramname"><em>a</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the flexbox align content. </p>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00038">38</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<a id="a98d9a43033c09c7f967cdec791408bad" name="a98d9a43033c09c7f967cdec791408bad"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a98d9a43033c09c7f967cdec791408bad">&#9670;&#160;</a></span>SetGap()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> &amp; SetGap </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>gap_x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>gap_y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the flexbox flex direction. </p>
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2gallery_8cpp-example.html#a5">examples/component/gallery.cpp</a>, and <a class="el" href="examples_2component_2homescreen_8cpp-example.html#a8">examples/component/homescreen.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8cpp_source.html#l00045">45</a> of file <a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a>.</p>
</div>
</div>
<h2 class="groupheader">Field Documentation</h2>
<a id="a53421c695d00016ab925777d423b4eb6" name="a53421c695d00016ab925777d423b4eb6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a53421c695d00016ab925777d423b4eb6">&#9670;&#160;</a></span>direction</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> direction = <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaaa70367aa7cb74e510f4f9413ccf059d3">Direction::Row</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2dropdown_custom_8cpp-example.html#a3">examples/component/dropdown_custom.cpp</a>, and <a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a4">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00027">27</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a68b5470ece4f0a492cc1d2057c9bd5e0" name="a68b5470ece4f0a492cc1d2057c9bd5e0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a68b5470ece4f0a492cc1d2057c9bd5e0">&#9670;&#160;</a></span>wrap</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a6c844a611650cf7e956dbe269a0e72ab">Wrap</a> wrap = <a class="el" href="#a6c844a611650cf7e956dbe269a0e72abaa212b19ef5f2fb30acf92e6cbccc1f2d">Wrap::Wrap</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2dropdown_custom_8cpp-example.html#a4">examples/component/dropdown_custom.cpp</a>, and <a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a5">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00037">37</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="ab3173252829e796ee1c100b447243748" name="ab3173252829e796ee1c100b447243748"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab3173252829e796ee1c100b447243748">&#9670;&#160;</a></span>justify_content</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2">JustifyContent</a> justify_content = <a class="el" href="#ac6e5ab18dcac465ee2ac9a0d8b4a82d2a8d5898e4f1bd5527306b1f62fa4fd952">JustifyContent::FlexStart</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2dropdown_custom_8cpp-example.html#a5">examples/component/dropdown_custom.cpp</a>, and <a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a6">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00066">66</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a1514fd3d64965c521555fdc2cf2002ce" name="a1514fd3d64965c521555fdc2cf2002ce"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1514fd3d64965c521555fdc2cf2002ce">&#9670;&#160;</a></span>align_items</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7">AlignItems</a> align_items = <a class="el" href="#a821af961ece5fe13540ad48b54c7a9e7a8d5898e4f1bd5527306b1f62fa4fd952">AlignItems::FlexStart</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2dropdown_custom_8cpp-example.html#a6">examples/component/dropdown_custom.cpp</a>, and <a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a7">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00077">77</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a103275cb09167852e469450cf8471256" name="a103275cb09167852e469450cf8471256"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a103275cb09167852e469450cf8471256">&#9670;&#160;</a></span>align_content</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420">AlignContent</a> align_content = <a class="el" href="#a1f99410fd0fc632a5bc2497b6a447420a8d5898e4f1bd5527306b1f62fa4fd952">AlignContent::FlexStart</a></td>
</tr>
</table>
</div><div class="memdoc">
<dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2dropdown_custom_8cpp-example.html#a7">examples/component/dropdown_custom.cpp</a>, and <a class="el" href="examples_2component_2flexbox_gallery_8cpp-example.html#a8">examples/component/flexbox_gallery.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00093">93</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="a109ea05d5d6e08d052672465ff8dac61" name="a109ea05d5d6e08d052672465ff8dac61"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a109ea05d5d6e08d052672465ff8dac61">&#9670;&#160;</a></span>gap_x</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int gap_x = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00095">95</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<a id="ab01b75a8a9419ec5c47650772f342ba3" name="ab01b75a8a9419ec5c47650772f342ba3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab01b75a8a9419ec5c47650772f342ba3">&#9670;&#160;</a></span>gap_y</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int gap_y = 0</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="flexbox__config_8hpp_source.html#l00096">96</a> of file <a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a>.</p>
</div>
</div>
<hr/>The documentation for this struct was generated from the following files:<ul>
<li><a class="el" href="flexbox__config_8hpp_source.html">flexbox_config.hpp</a></li>
<li><a class="el" href="flexbox__config_8cpp_source.html">flexbox_config.cpp</a></li>
</ul>
</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="namespaceftxui.html">ftxui</a></li><li class="navelem"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</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>