Files
FTXUI/en/v4.0.0/namespaceftxui.html
2025-11-12 12:56:59 +00:00

6349 lines
471 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. 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.8.14-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="cache-control" content="max-age=86400"/>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
<meta name="generator" content="Doxygen 1.12.0"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>FTXUI: ftxui Namespace 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>
<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_extra.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 style="height: 56px;">
<td id="projectalign" style="padding-left: 0.5em;">
<div id="projectname">FTXUI
&#160;<span id="projectnumber">4.0.0</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('namespaceftxui.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="#func-members">Functions</a> &#124;
<a href="#enum-members">Enumerations</a> &#124;
<a href="#typedef-members">Typedefs</a> &#124;
<a href="#nested-classes">Data Structures</a> &#124;
<a href="#namespaces">Namespaces</a> &#124;
<a href="#var-members">Variables</a> </div>
<div class="headertitle"><div class="title">ftxui Namespace Reference</div></div>
</div><!--header-->
<div class="contents">
<table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="func-members" name="func-members"></a>
Functions</h2></td></tr>
<tr class="memitem:a2b8973dc71334f1d98e2e6f55de8b5ae" id="r_a2b8973dc71334f1d98e2e6f55de8b5ae"><td class="memTemplParams" colspan="2">template&lt;class T , class... Args&gt; </td></tr>
<tr class="memitem:a2b8973dc71334f1d98e2e6f55de8b5ae"><td class="memTemplItemLeft" align="right" valign="top">std::shared_ptr&lt; T &gt;&#160;</td><td class="memTemplItemRight" valign="bottom"><a class="el" href="#a2b8973dc71334f1d98e2e6f55de8b5ae">Make</a> (Args &amp;&amp;... args)</td></tr>
<tr class="separator:a2b8973dc71334f1d98e2e6f55de8b5ae"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a65a2e15f64ae3bc205c485abc3a5aeb9" id="r_a65a2e15f64ae3bc205c485abc3a5aeb9"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a65a2e15f64ae3bc205c485abc3a5aeb9">operator|</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> component, <a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> decorator)</td></tr>
<tr class="separator:a65a2e15f64ae3bc205c485abc3a5aeb9"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9c4cf8bcb7012f740b146bfe89cbd3eb" id="r_a9c4cf8bcb7012f740b146bfe89cbd3eb"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9c4cf8bcb7012f740b146bfe89cbd3eb">operator|</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> component, <a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a> decorator)</td></tr>
<tr class="separator:a9c4cf8bcb7012f740b146bfe89cbd3eb"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ade35e69d695327db85be01c9787c39f8" id="r_ade35e69d695327db85be01c9787c39f8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ade35e69d695327db85be01c9787c39f8">operator|=</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp;component, <a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> decorator)</td></tr>
<tr class="separator:ade35e69d695327db85be01c9787c39f8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa480c58bcaeae204fbe68b192c5ede92" id="r_aa480c58bcaeae204fbe68b192c5ede92"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa480c58bcaeae204fbe68b192c5ede92">operator|=</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp;component, <a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a> decorator)</td></tr>
<tr class="separator:aa480c58bcaeae204fbe68b192c5ede92"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6910ffaa082c693603aafab4e7dddac3" id="r_a6910ffaa082c693603aafab4e7dddac3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, std::function&lt; void()&gt; on_click, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1ButtonOption.html">ButtonOption</a> &gt; option)</td></tr>
<tr class="memdesc:a6910ffaa082c693603aafab4e7dddac3"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a button. Execute a function when clicked. <br /></td></tr>
<tr class="separator:a6910ffaa082c693603aafab4e7dddac3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a04e40e348dee25bbbfce0a13bf234e19" id="r_a04e40e348dee25bbbfce0a13bf234e19"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a04e40e348dee25bbbfce0a13bf234e19">Checkbox</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, bool *checked, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1CheckboxOption.html">CheckboxOption</a> &gt; option)</td></tr>
<tr class="memdesc:a04e40e348dee25bbbfce0a13bf234e19"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw checkable element. <br /></td></tr>
<tr class="separator:a04e40e348dee25bbbfce0a13bf234e19"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a30be54a28004c1c48c2a5ed54e4abd64" id="r_a30be54a28004c1c48c2a5ed54e4abd64"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a30be54a28004c1c48c2a5ed54e4abd64">Input</a> (<a class="el" href="classftxui_1_1StringRef.html">StringRef</a> content, <a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> placeholder, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="#structftxui_1_1InputOption">InputOption</a> &gt; option)</td></tr>
<tr class="memdesc:a30be54a28004c1c48c2a5ed54e4abd64"><td class="mdescLeft">&#160;</td><td class="mdescRight">An input box for editing text. <br /></td></tr>
<tr class="separator:a30be54a28004c1c48c2a5ed54e4abd64"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a777280bcec2414bef5c6725658c7714b" id="r_a777280bcec2414bef5c6725658c7714b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a777280bcec2414bef5c6725658c7714b">Menu</a> (<a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a> entries, int *selected, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1MenuOption.html">MenuOption</a> &gt; option)</td></tr>
<tr class="memdesc:a777280bcec2414bef5c6725658c7714b"><td class="mdescLeft">&#160;</td><td class="mdescRight">A list of text. The focused element is selected. <br /></td></tr>
<tr class="separator:a777280bcec2414bef5c6725658c7714b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4ca1e85a59a332da2aa61a6de1a9c010" id="r_a4ca1e85a59a332da2aa61a6de1a9c010"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4ca1e85a59a332da2aa61a6de1a9c010">MenuEntry</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="#structftxui_1_1MenuEntryOption">MenuEntryOption</a> &gt; option)</td></tr>
<tr class="memdesc:a4ca1e85a59a332da2aa61a6de1a9c010"><td class="mdescLeft">&#160;</td><td class="mdescRight">A specific menu entry. They can be put into a <a class="el" href="namespaceftxui_1_1Container.html#a6471e39f5664d059144746c5801d37e6" title="A list of components, drawn one by one vertically and navigated vertically using up/down arrow key or...">Container::Vertical</a> to form a menu. <br /></td></tr>
<tr class="separator:a4ca1e85a59a332da2aa61a6de1a9c010"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa22bddff4aeed66e20f30d0715596999" id="r_aa22bddff4aeed66e20f30d0715596999"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa22bddff4aeed66e20f30d0715596999">Dropdown</a> (<a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a> entries, int *selected)</td></tr>
<tr class="separator:aa22bddff4aeed66e20f30d0715596999"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a0d757f667caaff5287cb8702f52186ee" id="r_a0d757f667caaff5287cb8702f52186ee"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a0d757f667caaff5287cb8702f52186ee">Radiobox</a> (<a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a> entries, int *selected, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1RadioboxOption.html">RadioboxOption</a> &gt; option)</td></tr>
<tr class="memdesc:a0d757f667caaff5287cb8702f52186ee"><td class="mdescLeft">&#160;</td><td class="mdescRight">A list of element, where only one can be selected. <br /></td></tr>
<tr class="separator:a0d757f667caaff5287cb8702f52186ee"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3537fccac66b07cd792874c9a6086811" id="r_a3537fccac66b07cd792874c9a6086811"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3537fccac66b07cd792874c9a6086811">Toggle</a> (<a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a> entries, int *selected)</td></tr>
<tr class="memdesc:a3537fccac66b07cd792874c9a6086811"><td class="mdescLeft">&#160;</td><td class="mdescRight">An horizontal list of elements. The user can navigate through them. <br /></td></tr>
<tr class="separator:a3537fccac66b07cd792874c9a6086811"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa3558d992a72679e5e9c9c7b67abd727" id="r_aa3558d992a72679e5e9c9c7b67abd727"><td class="memTemplParams" colspan="2">template&lt;typename T &gt; </td></tr>
<tr class="memitem:aa3558d992a72679e5e9c9c7b67abd727"><td class="memTemplItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memTemplItemRight" valign="bottom"><a class="el" href="#aa3558d992a72679e5e9c9c7b67abd727">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; T &gt; options)</td></tr>
<tr class="memdesc:aa3558d992a72679e5e9c9c7b67abd727"><td class="mdescLeft">&#160;</td><td class="mdescRight">A slider in any direction. <br /></td></tr>
<tr class="separator:aa3558d992a72679e5e9c9c7b67abd727"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:afdce74ff1421c2f1bda336c8dacefcbd" id="r_afdce74ff1421c2f1bda336c8dacefcbd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#afdce74ff1421c2f1bda336c8dacefcbd">Slider</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; int &gt; value, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; int &gt; min, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; int &gt; max, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; int &gt; increment)</td></tr>
<tr class="memdesc:afdce74ff1421c2f1bda336c8dacefcbd"><td class="mdescLeft">&#160;</td><td class="mdescRight">An horizontal slider. <br /></td></tr>
<tr class="separator:afdce74ff1421c2f1bda336c8dacefcbd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8bfa2757905a4fb50e0ec263976d1f96" id="r_a8bfa2757905a4fb50e0ec263976d1f96"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8bfa2757905a4fb50e0ec263976d1f96">Slider</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; float &gt; value, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; float &gt; min=0.f, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; float &gt; max=100.f, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; float &gt; increment=5.f)</td></tr>
<tr class="separator:a8bfa2757905a4fb50e0ec263976d1f96"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a716f90cf8329f130475f2cd1a33595b6" id="r_a716f90cf8329f130475f2cd1a33595b6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a716f90cf8329f130475f2cd1a33595b6">Slider</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; long &gt; value, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; long &gt; min=0l, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; long &gt; max=100l, <a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; long &gt; increment=5l)</td></tr>
<tr class="separator:a716f90cf8329f130475f2cd1a33595b6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae2205fc172615b43e1e3307bb614be4c" id="r_ae2205fc172615b43e1e3307bb614be4c"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae2205fc172615b43e1e3307bb614be4c">ResizableSplitLeft</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> main, <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> back, int *main_size)</td></tr>
<tr class="memdesc:ae2205fc172615b43e1e3307bb614be4c"><td class="mdescLeft">&#160;</td><td class="mdescRight">An horizontal split in between two components, configurable using the mouse. <br /></td></tr>
<tr class="separator:ae2205fc172615b43e1e3307bb614be4c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9030d0beb64f653603cab382b02750a8" id="r_a9030d0beb64f653603cab382b02750a8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9030d0beb64f653603cab382b02750a8">ResizableSplitRight</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> main, <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> back, int *main_size)</td></tr>
<tr class="memdesc:a9030d0beb64f653603cab382b02750a8"><td class="mdescLeft">&#160;</td><td class="mdescRight">An horizontal split in between two components, configurable using the mouse. <br /></td></tr>
<tr class="separator:a9030d0beb64f653603cab382b02750a8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a238b4b650aca14716b82b2198695e008" id="r_a238b4b650aca14716b82b2198695e008"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a238b4b650aca14716b82b2198695e008">ResizableSplitTop</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> main, <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> back, int *main_size)</td></tr>
<tr class="memdesc:a238b4b650aca14716b82b2198695e008"><td class="mdescLeft">&#160;</td><td class="mdescRight">An vertical split in between two components, configurable using the mouse. <br /></td></tr>
<tr class="separator:a238b4b650aca14716b82b2198695e008"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:acb75e6e61a021829893f7b57aeb7e3a2" id="r_acb75e6e61a021829893f7b57aeb7e3a2"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#acb75e6e61a021829893f7b57aeb7e3a2">ResizableSplitBottom</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> main, <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> back, int *main_size)</td></tr>
<tr class="memdesc:acb75e6e61a021829893f7b57aeb7e3a2"><td class="mdescLeft">&#160;</td><td class="mdescRight">An vertical split in between two components, configurable using the mouse. <br /></td></tr>
<tr class="separator:acb75e6e61a021829893f7b57aeb7e3a2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a533e883e2aeea28de2b60564fcaf0361" id="r_a533e883e2aeea28de2b60564fcaf0361"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> child, std::function&lt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>()&gt; render)</td></tr>
<tr class="memdesc:a533e883e2aeea28de2b60564fcaf0361"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return a new Component, similar to |child|, but using |render| as the Component::Render() event. <br /></td></tr>
<tr class="separator:a533e883e2aeea28de2b60564fcaf0361"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af03d3df7243bf71bb1a73686628f7f2b" id="r_af03d3df7243bf71bb1a73686628f7f2b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af03d3df7243bf71bb1a73686628f7f2b">Renderer</a> (std::function&lt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>()&gt; render)</td></tr>
<tr class="memdesc:af03d3df7243bf71bb1a73686628f7f2b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return a component, using |render| to render its interface. <br /></td></tr>
<tr class="separator:af03d3df7243bf71bb1a73686628f7f2b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a099cb57274a99396ee10f38acbfe62a7" id="r_a099cb57274a99396ee10f38acbfe62a7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a099cb57274a99396ee10f38acbfe62a7">Renderer</a> (std::function&lt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>(bool)&gt; render)</td></tr>
<tr class="memdesc:a099cb57274a99396ee10f38acbfe62a7"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return a focusable component, using |render| to render its interface. <br /></td></tr>
<tr class="separator:a099cb57274a99396ee10f38acbfe62a7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a41d63b7af41dee1570b54915821abd30" id="r_a41d63b7af41dee1570b54915821abd30"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a41d63b7af41dee1570b54915821abd30">Renderer</a> (<a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a> decorator)</td></tr>
<tr class="memdesc:a41d63b7af41dee1570b54915821abd30"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate a component, by decorating what it renders. <br /></td></tr>
<tr class="separator:a41d63b7af41dee1570b54915821abd30"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:afa5872ba3f9889c7487e57e745e56857" id="r_afa5872ba3f9889c7487e57e745e56857"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#afa5872ba3f9889c7487e57e745e56857">CatchEvent</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> child, std::function&lt; bool(<a class="el" href="structftxui_1_1Event.html">Event</a>)&gt;)</td></tr>
<tr class="separator:afa5872ba3f9889c7487e57e745e56857"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad2948235799c010c76c6de861c050c59" id="r_ad2948235799c010c76c6de861c050c59"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad2948235799c010c76c6de861c050c59">CatchEvent</a> (std::function&lt; bool(<a class="el" href="structftxui_1_1Event.html">Event</a>)&gt; on_event)</td></tr>
<tr class="memdesc:ad2948235799c010c76c6de861c050c59"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate a component, using |on_event| to catch events. This function must returns true when the event has been handled, false otherwise. <br /></td></tr>
<tr class="separator:ad2948235799c010c76c6de861c050c59"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a20b66a70c1cd4ff3f0ff571a4507d2b4" id="r_a20b66a70c1cd4ff3f0ff571a4507d2b4"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a20b66a70c1cd4ff3f0ff571a4507d2b4">Maybe</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> child, const bool *show)</td></tr>
<tr class="memdesc:a20b66a70c1cd4ff3f0ff571a4507d2b4"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate a component |child|. It is shown only when |show| is true. @params child the compoennt to decorate. @params show a boolean. |child| is shown when |show| is true. <br /></td></tr>
<tr class="separator:a20b66a70c1cd4ff3f0ff571a4507d2b4"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac810d54ce70c21d3c7794a34feb85d1e" id="r_ac810d54ce70c21d3c7794a34feb85d1e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac810d54ce70c21d3c7794a34feb85d1e">Maybe</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>, std::function&lt; bool()&gt;)</td></tr>
<tr class="separator:ac810d54ce70c21d3c7794a34feb85d1e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a83b6fd5e1524023722a7450f987f15d0" id="r_a83b6fd5e1524023722a7450f987f15d0"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a83b6fd5e1524023722a7450f987f15d0">Maybe</a> (const bool *show)</td></tr>
<tr class="memdesc:a83b6fd5e1524023722a7450f987f15d0"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate a component. It is shown only when |show| is true. @params show a boolean. |child| is shown when |show| is true. <br /></td></tr>
<tr class="separator:a83b6fd5e1524023722a7450f987f15d0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae39ad8b223e6bb7704c77a3708571a7d" id="r_ae39ad8b223e6bb7704c77a3708571a7d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae39ad8b223e6bb7704c77a3708571a7d">Maybe</a> (std::function&lt; bool()&gt; show)</td></tr>
<tr class="memdesc:ae39ad8b223e6bb7704c77a3708571a7d"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate a component. It is shown only when the |show| function returns true. @params show a function returning whether the decoratorated component should be shown. <br /></td></tr>
<tr class="separator:ae39ad8b223e6bb7704c77a3708571a7d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5185342fbba215496cb8a6805f36089c" id="r_a5185342fbba215496cb8a6805f36089c"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5185342fbba215496cb8a6805f36089c">Modal</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> main, <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> modal, const bool *show_modal)</td></tr>
<tr class="separator:a5185342fbba215496cb8a6805f36089c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5babae0bb25f8cada57784cc5d27fb74" id="r_a5babae0bb25f8cada57784cc5d27fb74"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5babae0bb25f8cada57784cc5d27fb74">Modal</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> modal, const bool *show_modal)</td></tr>
<tr class="separator:a5babae0bb25f8cada57784cc5d27fb74"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af75c40d83714ba0748a68d11ff5e25dd" id="r_af75c40d83714ba0748a68d11ff5e25dd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af75c40d83714ba0748a68d11ff5e25dd">Collapsible</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> child, <a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; bool &gt; show=false)</td></tr>
<tr class="separator:af75c40d83714ba0748a68d11ff5e25dd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a562d984d3830d63285643565cd55d16f" id="r_a562d984d3830d63285643565cd55d16f"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a562d984d3830d63285643565cd55d16f">Hoverable</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> component, bool *hover)</td></tr>
<tr class="memdesc:a562d984d3830d63285643565cd55d16f"><td class="mdescLeft">&#160;</td><td class="mdescRight">Wrap a component. Gives the ability to know if it is hovered by the mouse. <br /></td></tr>
<tr class="separator:a562d984d3830d63285643565cd55d16f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a92ec2f5ccb509da2e2c24ae6a1f6b12b" id="r_a92ec2f5ccb509da2e2c24ae6a1f6b12b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a92ec2f5ccb509da2e2c24ae6a1f6b12b">Hoverable</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> component, std::function&lt; void()&gt; on_enter, std::function&lt; void()&gt; on_leave)</td></tr>
<tr class="memdesc:a92ec2f5ccb509da2e2c24ae6a1f6b12b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Wrap a component. Gives the ability to know if it is hovered by the mouse. <br /></td></tr>
<tr class="separator:a92ec2f5ccb509da2e2c24ae6a1f6b12b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a91cac81077c483efdb952268aee9a523" id="r_a91cac81077c483efdb952268aee9a523"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a91cac81077c483efdb952268aee9a523">Hoverable</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> component, std::function&lt; void(bool)&gt; on_change)</td></tr>
<tr class="memdesc:a91cac81077c483efdb952268aee9a523"><td class="mdescLeft">&#160;</td><td class="mdescRight">Wrap a component. Gives the ability to know if it is hovered by the mouse. <br /></td></tr>
<tr class="separator:a91cac81077c483efdb952268aee9a523"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9d94b37352be13d3551a9d5785f75439" id="r_a9d94b37352be13d3551a9d5785f75439"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9d94b37352be13d3551a9d5785f75439">Hoverable</a> (bool *hover)</td></tr>
<tr class="memdesc:a9d94b37352be13d3551a9d5785f75439"><td class="mdescLeft">&#160;</td><td class="mdescRight">Wrap a component. Gives the ability to know if it is hovered by the mouse. <br /></td></tr>
<tr class="separator:a9d94b37352be13d3551a9d5785f75439"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a34adfc9c76cf3603156cba32ad5d7142" id="r_a34adfc9c76cf3603156cba32ad5d7142"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a34adfc9c76cf3603156cba32ad5d7142">Hoverable</a> (std::function&lt; void()&gt; on_enter, std::function&lt; void()&gt; on_leave)</td></tr>
<tr class="separator:a34adfc9c76cf3603156cba32ad5d7142"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:afd7cbaef5378a907111a64ee69aed56a" id="r_afd7cbaef5378a907111a64ee69aed56a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#afd7cbaef5378a907111a64ee69aed56a">Hoverable</a> (std::function&lt; void(bool)&gt; on_change)</td></tr>
<tr class="memdesc:afd7cbaef5378a907111a64ee69aed56a"><td class="mdescLeft">&#160;</td><td class="mdescRight">Wrap a component. Gives the ability to know if it is hovered by the mouse. <br /></td></tr>
<tr class="separator:afd7cbaef5378a907111a64ee69aed56a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a57abe3e11733b1d3ebacc56692d3537c" id="r_a57abe3e11733b1d3ebacc56692d3537c"><td class="memTemplParams" colspan="2">template&lt;class T &gt; </td></tr>
<tr class="memitem:a57abe3e11733b1d3ebacc56692d3537c"><td class="memTemplItemLeft" align="right" valign="top"><a class="el" href="#a7abbe763f26611fbf3902861863b7659">Receiver</a>&lt; T &gt;&#160;</td><td class="memTemplItemRight" valign="bottom"><a class="el" href="#a57abe3e11733b1d3ebacc56692d3537c">MakeReceiver</a> ()</td></tr>
<tr class="separator:a57abe3e11733b1d3ebacc56692d3537c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a75baaa2734ed76a9f478beaafa87ae57" id="r_a75baaa2734ed76a9f478beaafa87ae57"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a> (std::wstring text)</td></tr>
<tr class="memdesc:a75baaa2734ed76a9f478beaafa87ae57"><td class="mdescLeft">&#160;</td><td class="mdescRight">Display a piece of unicode text. <br /></td></tr>
<tr class="separator:a75baaa2734ed76a9f478beaafa87ae57"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9f9f7485a45aa9d432726ca9845d1eac" id="r_a9f9f7485a45aa9d432726ca9845d1eac"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9f9f7485a45aa9d432726ca9845d1eac">vtext</a> (std::wstring <a class="el" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>)</td></tr>
<tr class="memdesc:a9f9f7485a45aa9d432726ca9845d1eac"><td class="mdescLeft">&#160;</td><td class="mdescRight">Display a piece unicode text vertically. <br /></td></tr>
<tr class="separator:a9f9f7485a45aa9d432726ca9845d1eac"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac54cdd05db30871ce082a8fa650545da" id="r_ac54cdd05db30871ce082a8fa650545da"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac54cdd05db30871ce082a8fa650545da">paragraph</a> (std::wstring <a class="el" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>)</td></tr>
<tr class="separator:ac54cdd05db30871ce082a8fa650545da"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7e9a69f0592b4013bd725d662f4a76e7" id="r_a7e9a69f0592b4013bd725d662f4a76e7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a7e9a69f0592b4013bd725d662f4a76e7">operator|</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> element, <a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> decorator)</td></tr>
<tr class="memdesc:a7e9a69f0592b4013bd725d662f4a76e7"><td class="mdescLeft">&#160;</td><td class="mdescRight">From an element, apply a decorator. <br /></td></tr>
<tr class="separator:a7e9a69f0592b4013bd725d662f4a76e7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a0be26ac5dcbe6c707857c791d8eec720" id="r_a0be26ac5dcbe6c707857c791d8eec720"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a0be26ac5dcbe6c707857c791d8eec720">operator|=</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;e, <a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> d)</td></tr>
<tr class="memdesc:a0be26ac5dcbe6c707857c791d8eec720"><td class="mdescLeft">&#160;</td><td class="mdescRight">Apply a decorator to an element. <br /></td></tr>
<tr class="separator:a0be26ac5dcbe6c707857c791d8eec720"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6cbc84eb24a655ae084b3c7d26f9abfc" id="r_a6cbc84eb24a655ae084b3c7d26f9abfc"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6cbc84eb24a655ae084b3c7d26f9abfc">operator|</a> (<a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> elements, <a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> decorator)</td></tr>
<tr class="memdesc:a6cbc84eb24a655ae084b3c7d26f9abfc"><td class="mdescLeft">&#160;</td><td class="mdescRight">From a set of element, apply a decorator to every elements. <br /></td></tr>
<tr class="separator:a6cbc84eb24a655ae084b3c7d26f9abfc"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a027fbc9cf6fef9e86ae6a2a79e8bf23a" id="r_a027fbc9cf6fef9e86ae6a2a79e8bf23a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a027fbc9cf6fef9e86ae6a2a79e8bf23a">operator|</a> (<a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> a, <a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> b)</td></tr>
<tr class="memdesc:a027fbc9cf6fef9e86ae6a2a79e8bf23a"><td class="mdescLeft">&#160;</td><td class="mdescRight">Compose two decorator into one. <br /></td></tr>
<tr class="separator:a027fbc9cf6fef9e86ae6a2a79e8bf23a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a366051704fd333c23460f7932598a5e3" id="r_a366051704fd333c23460f7932598a5e3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a366051704fd333c23460f7932598a5e3">text</a> (std::string text)</td></tr>
<tr class="memdesc:a366051704fd333c23460f7932598a5e3"><td class="mdescLeft">&#160;</td><td class="mdescRight">Display a piece of UTF8 encoded unicode text. <br /></td></tr>
<tr class="separator:a366051704fd333c23460f7932598a5e3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a64172a43b4b526afeb6313e6e1a6d5a1" id="r_a64172a43b4b526afeb6313e6e1a6d5a1"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a64172a43b4b526afeb6313e6e1a6d5a1">vtext</a> (std::string <a class="el" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>)</td></tr>
<tr class="memdesc:a64172a43b4b526afeb6313e6e1a6d5a1"><td class="mdescLeft">&#160;</td><td class="mdescRight">Display a piece of unicode text vertically. <br /></td></tr>
<tr class="separator:a64172a43b4b526afeb6313e6e1a6d5a1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac1ef1cf6bf7cd0759ffa195071edb2a0" id="r_ac1ef1cf6bf7cd0759ffa195071edb2a0"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a> ()</td></tr>
<tr class="memdesc:ac1ef1cf6bf7cd0759ffa195071edb2a0"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements. <br /></td></tr>
<tr class="separator:ac1ef1cf6bf7cd0759ffa195071edb2a0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a37c2b93daf557f68064bc9fbf93ebde0" id="r_a37c2b93daf557f68064bc9fbf93ebde0"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0">separatorLight</a> ()</td></tr>
<tr class="memdesc:a37c2b93daf557f68064bc9fbf93ebde0"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements, using the LIGHT style. <br /></td></tr>
<tr class="separator:a37c2b93daf557f68064bc9fbf93ebde0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af0649e89a9960f1c2703e48c1817645b" id="r_af0649e89a9960f1c2703e48c1817645b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af0649e89a9960f1c2703e48c1817645b">separatorHeavy</a> ()</td></tr>
<tr class="memdesc:af0649e89a9960f1c2703e48c1817645b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements, using the HEAVY style. <br /></td></tr>
<tr class="separator:af0649e89a9960f1c2703e48c1817645b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:add376830fdb51b0bf52672ef17515989" id="r_add376830fdb51b0bf52672ef17515989"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#add376830fdb51b0bf52672ef17515989">separatorDouble</a> ()</td></tr>
<tr class="memdesc:add376830fdb51b0bf52672ef17515989"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style. <br /></td></tr>
<tr class="separator:add376830fdb51b0bf52672ef17515989"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1934703e56ab66f6f259b9f8da331f1b" id="r_a1934703e56ab66f6f259b9f8da331f1b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b">separatorEmpty</a> ()</td></tr>
<tr class="memdesc:a1934703e56ab66f6f259b9f8da331f1b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements, using the EMPTY style. <br /></td></tr>
<tr class="separator:a1934703e56ab66f6f259b9f8da331f1b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a13cb559cfc7e409b3f211f0bb35ea7fa" id="r_a13cb559cfc7e409b3f211f0bb35ea7fa"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa">separatorStyled</a> (<a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> style)</td></tr>
<tr class="memdesc:a13cb559cfc7e409b3f211f0bb35ea7fa"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements. <br /></td></tr>
<tr class="separator:a13cb559cfc7e409b3f211f0bb35ea7fa"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a71d9a6a32f65b6d172f9696b3b9579b4" id="r_a71d9a6a32f65b6d172f9696b3b9579b4"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a71d9a6a32f65b6d172f9696b3b9579b4">separator</a> (<a class="el" href="structftxui_1_1Pixel.html">Pixel</a> pixel)</td></tr>
<tr class="memdesc:a71d9a6a32f65b6d172f9696b3b9579b4"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a separator in between two element filled with a given pixel. <br /></td></tr>
<tr class="separator:a71d9a6a32f65b6d172f9696b3b9579b4"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a97a10482d591aade2958da0f2f19b371" id="r_a97a10482d591aade2958da0f2f19b371"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a97a10482d591aade2958da0f2f19b371">separatorCharacter</a> (std::string value)</td></tr>
<tr class="memdesc:a97a10482d591aade2958da0f2f19b371"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements. <br /></td></tr>
<tr class="separator:a97a10482d591aade2958da0f2f19b371"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a50413065cee4757447b35c3a500667d3" id="r_a50413065cee4757447b35c3a500667d3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a50413065cee4757447b35c3a500667d3">separatorHSelector</a> (float left, float right, <a class="el" href="classftxui_1_1Color.html">Color</a> unselected_color, <a class="el" href="classftxui_1_1Color.html">Color</a> selected_color)</td></tr>
<tr class="memdesc:a50413065cee4757447b35c3a500667d3"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw an horizontal bar, with the area in between left/right colored differently. <br /></td></tr>
<tr class="separator:a50413065cee4757447b35c3a500667d3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1a0211233bacd4eb4d31a8e3d58b5f48" id="r_a1a0211233bacd4eb4d31a8e3d58b5f48"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1a0211233bacd4eb4d31a8e3d58b5f48">separatorVSelector</a> (float up, float down, <a class="el" href="classftxui_1_1Color.html">Color</a> unselected_color, <a class="el" href="classftxui_1_1Color.html">Color</a> selected_color)</td></tr>
<tr class="memdesc:a1a0211233bacd4eb4d31a8e3d58b5f48"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw an vertical bar, with the area in between up/downcolored differently. <br /></td></tr>
<tr class="separator:a1a0211233bacd4eb4d31a8e3d58b5f48"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae0b8041a60629fd790716038738c93ce" id="r_ae0b8041a60629fd790716038738c93ce"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae0b8041a60629fd790716038738c93ce">gauge</a> (float progress)</td></tr>
<tr class="memdesc:ae0b8041a60629fd790716038738c93ce"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a high definition progress bar. <br /></td></tr>
<tr class="separator:ae0b8041a60629fd790716038738c93ce"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a97898b9f77b3edd330eaef22fce7cf2b" id="r_a97898b9f77b3edd330eaef22fce7cf2b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a97898b9f77b3edd330eaef22fce7cf2b">gaugeLeft</a> (float progress)</td></tr>
<tr class="memdesc:a97898b9f77b3edd330eaef22fce7cf2b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a high definition progress bar progressing from right to left. <br /></td></tr>
<tr class="separator:a97898b9f77b3edd330eaef22fce7cf2b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a333d781a44885ed4b5ea8444015b86f7" id="r_a333d781a44885ed4b5ea8444015b86f7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a333d781a44885ed4b5ea8444015b86f7">gaugeRight</a> (float progress)</td></tr>
<tr class="memdesc:a333d781a44885ed4b5ea8444015b86f7"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a high definition progress bar progressing from left to right. <br /></td></tr>
<tr class="separator:a333d781a44885ed4b5ea8444015b86f7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6e9a97b66c14404a2b3f95f4dae414c2" id="r_a6e9a97b66c14404a2b3f95f4dae414c2"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6e9a97b66c14404a2b3f95f4dae414c2">gaugeUp</a> (float progress)</td></tr>
<tr class="memdesc:a6e9a97b66c14404a2b3f95f4dae414c2"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a high definition progress bar progressing from bottom to top. <br /></td></tr>
<tr class="separator:a6e9a97b66c14404a2b3f95f4dae414c2"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:afe537f915cac5613261580bae3a8fe33" id="r_afe537f915cac5613261580bae3a8fe33"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#afe537f915cac5613261580bae3a8fe33">gaugeDown</a> (float progress)</td></tr>
<tr class="memdesc:afe537f915cac5613261580bae3a8fe33"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a high definition progress bar progressing from top to bottom. <br /></td></tr>
<tr class="separator:afe537f915cac5613261580bae3a8fe33"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae554f6d15b73507ada5913662a32165a" id="r_ae554f6d15b73507ada5913662a32165a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae554f6d15b73507ada5913662a32165a">gaugeDirection</a> (float progress, <a class="el" href="#ab248d738d6a6c07a3b5d760e31f78aa0">GaugeDirection</a> direction)</td></tr>
<tr class="memdesc:ae554f6d15b73507ada5913662a32165a"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a high definition progress bar progressing in specified direction. <br /></td></tr>
<tr class="separator:ae554f6d15b73507ada5913662a32165a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae8537acd423d47cf07e61bd774fb1098" id="r_ae8537acd423d47cf07e61bd774fb1098"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098">border</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ae8537acd423d47cf07e61bd774fb1098"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a border around the element. <br /></td></tr>
<tr class="separator:ae8537acd423d47cf07e61bd774fb1098"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa074cdab57eeb47b99f1699bcc8addd8" id="r_aa074cdab57eeb47b99f1699bcc8addd8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa074cdab57eeb47b99f1699bcc8addd8">borderLight</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:aa074cdab57eeb47b99f1699bcc8addd8"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a light border around the element. <br /></td></tr>
<tr class="separator:aa074cdab57eeb47b99f1699bcc8addd8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a666c31419cc31cdadc9f8178ed63529e" id="r_a666c31419cc31cdadc9f8178ed63529e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a666c31419cc31cdadc9f8178ed63529e">borderHeavy</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a666c31419cc31cdadc9f8178ed63529e"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a heavy border around the element. <br /></td></tr>
<tr class="separator:a666c31419cc31cdadc9f8178ed63529e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a052b504344f3bc1ff86b3493cd934215" id="r_a052b504344f3bc1ff86b3493cd934215"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a052b504344f3bc1ff86b3493cd934215">borderDouble</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a052b504344f3bc1ff86b3493cd934215"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a double border around the element. <br /></td></tr>
<tr class="separator:a052b504344f3bc1ff86b3493cd934215"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3cf2db223a5efaa370f0ca6bb405b80e" id="r_a3cf2db223a5efaa370f0ca6bb405b80e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a3cf2db223a5efaa370f0ca6bb405b80e"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a rounded border around the element. <br /></td></tr>
<tr class="separator:a3cf2db223a5efaa370f0ca6bb405b80e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af20f7d6fb275d109f0bdc01a2e4d3f3e" id="r_af20f7d6fb275d109f0bdc01a2e4d3f3e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af20f7d6fb275d109f0bdc01a2e4d3f3e">borderEmpty</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:af20f7d6fb275d109f0bdc01a2e4d3f3e"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw an empty border around the element. <br /></td></tr>
<tr class="separator:af20f7d6fb275d109f0bdc01a2e4d3f3e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:abc9db79957d4dd36deb8ca79938e4c41" id="r_abc9db79957d4dd36deb8ca79938e4c41"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#abc9db79957d4dd36deb8ca79938e4c41">borderStyled</a> (<a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> style)</td></tr>
<tr class="memdesc:abc9db79957d4dd36deb8ca79938e4c41"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as border but with different styles. <br /></td></tr>
<tr class="separator:abc9db79957d4dd36deb8ca79938e4c41"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa97cfcfbe6df92dac085454395ec7b2f" id="r_aa97cfcfbe6df92dac085454395ec7b2f"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa97cfcfbe6df92dac085454395ec7b2f">borderWith</a> (const <a class="el" href="structftxui_1_1Pixel.html">Pixel</a> &amp;pixel)</td></tr>
<tr class="memdesc:aa97cfcfbe6df92dac085454395ec7b2f"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as border but with a constant <a class="el" href="structftxui_1_1Pixel.html" title="A unicode character and its associated style.">Pixel</a> around the element. <br /></td></tr>
<tr class="separator:aa97cfcfbe6df92dac085454395ec7b2f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a443afb3d149fedaf88b89249c8f6dc25" id="r_a443afb3d149fedaf88b89249c8f6dc25"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a443afb3d149fedaf88b89249c8f6dc25">window</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> title, <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> content)</td></tr>
<tr class="memdesc:a443afb3d149fedaf88b89249c8f6dc25"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw window with a title and a border around the element. <br /></td></tr>
<tr class="separator:a443afb3d149fedaf88b89249c8f6dc25"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3b08e0030a0831d3ec3e2a505908273b" id="r_a3b08e0030a0831d3ec3e2a505908273b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3b08e0030a0831d3ec3e2a505908273b">spinner</a> (int charset_index, size_t image_index)</td></tr>
<tr class="memdesc:a3b08e0030a0831d3ec3e2a505908273b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Useful to represent the effect of time and/or events. This display an ASCII art "video". <br /></td></tr>
<tr class="separator:a3b08e0030a0831d3ec3e2a505908273b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3f9093ae1a2790d396fc2cff9990fbbd" id="r_a3f9093ae1a2790d396fc2cff9990fbbd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3f9093ae1a2790d396fc2cff9990fbbd">paragraph</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:a3f9093ae1a2790d396fc2cff9990fbbd"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return an element drawing the paragraph on multiple lines. <br /></td></tr>
<tr class="separator:a3f9093ae1a2790d396fc2cff9990fbbd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa334a836eccc573e1137a1ba29d07d8a" id="r_aa334a836eccc573e1137a1ba29d07d8a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aa334a836eccc573e1137a1ba29d07d8a">paragraphAlignLeft</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:aa334a836eccc573e1137a1ba29d07d8a"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return an element drawing the paragraph on multiple lines, aligned on the left. <br /></td></tr>
<tr class="separator:aa334a836eccc573e1137a1ba29d07d8a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a28a69f06a88c89fe7a507e33ab486411" id="r_a28a69f06a88c89fe7a507e33ab486411"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a28a69f06a88c89fe7a507e33ab486411">paragraphAlignRight</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:a28a69f06a88c89fe7a507e33ab486411"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return an element drawing the paragraph on multiple lines, aligned on the right. <br /></td></tr>
<tr class="separator:a28a69f06a88c89fe7a507e33ab486411"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6a105f6b0d07d7933379ff1ae9282fb8" id="r_a6a105f6b0d07d7933379ff1ae9282fb8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6a105f6b0d07d7933379ff1ae9282fb8">paragraphAlignCenter</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:a6a105f6b0d07d7933379ff1ae9282fb8"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return an element drawing the paragraph on multiple lines, aligned on the center. <br /></td></tr>
<tr class="separator:a6a105f6b0d07d7933379ff1ae9282fb8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae4de548aa67ab77cb345e4ddec6b248b" id="r_ae4de548aa67ab77cb345e4ddec6b248b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae4de548aa67ab77cb345e4ddec6b248b">paragraphAlignJustify</a> (const std::string &amp;the_text)</td></tr>
<tr class="memdesc:ae4de548aa67ab77cb345e4ddec6b248b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return an element drawing the paragraph on multiple lines, aligned using a justified alignment. the center. <br /></td></tr>
<tr class="separator:ae4de548aa67ab77cb345e4ddec6b248b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae78c2b2b147e65701493465f8e3f4d89" id="r_ae78c2b2b147e65701493465f8e3f4d89"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae78c2b2b147e65701493465f8e3f4d89">graph</a> (<a class="el" href="#ab07cb9a766f38fc867f8fe736ce2e6e3">GraphFunction</a> graph_function)</td></tr>
<tr class="memdesc:ae78c2b2b147e65701493465f8e3f4d89"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a graph using a GraphFunction. <br /></td></tr>
<tr class="separator:ae78c2b2b147e65701493465f8e3f4d89"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a40451515a5b3049e7a1276cad8b9356c" id="r_a40451515a5b3049e7a1276cad8b9356c"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a40451515a5b3049e7a1276cad8b9356c">emptyElement</a> ()</td></tr>
<tr class="separator:a40451515a5b3049e7a1276cad8b9356c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a57d7bdf155e190de514a689abb4e9a35" id="r_a57d7bdf155e190de514a689abb4e9a35"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a57d7bdf155e190de514a689abb4e9a35">canvas</a> (<a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; <a class="el" href="structftxui_1_1Canvas.html">Canvas</a> &gt; canvas)</td></tr>
<tr class="memdesc:a57d7bdf155e190de514a689abb4e9a35"><td class="mdescLeft">&#160;</td><td class="mdescRight">Produce an element from a <a class="el" href="structftxui_1_1Canvas.html">Canvas</a>, or a reference to a <a class="el" href="structftxui_1_1Canvas.html">Canvas</a>. <br /></td></tr>
<tr class="separator:a57d7bdf155e190de514a689abb4e9a35"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac781c6530fb74b861af7d52c03ffb2b9" id="r_ac781c6530fb74b861af7d52c03ffb2b9"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac781c6530fb74b861af7d52c03ffb2b9">canvas</a> (int width, int height, std::function&lt; void(<a class="el" href="structftxui_1_1Canvas.html">Canvas</a> &amp;)&gt; fn)</td></tr>
<tr class="memdesc:ac781c6530fb74b861af7d52c03ffb2b9"><td class="mdescLeft">&#160;</td><td class="mdescRight">Produce an element drawing a canvas of requested size. <br /></td></tr>
<tr class="separator:ac781c6530fb74b861af7d52c03ffb2b9"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8bef154e558868d259c52380e1e5ead9" id="r_a8bef154e558868d259c52380e1e5ead9"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8bef154e558868d259c52380e1e5ead9">canvas</a> (std::function&lt; void(<a class="el" href="structftxui_1_1Canvas.html">Canvas</a> &amp;)&gt; fn)</td></tr>
<tr class="memdesc:a8bef154e558868d259c52380e1e5ead9"><td class="mdescLeft">&#160;</td><td class="mdescRight">Produce an element drawing a canvas. <br /></td></tr>
<tr class="separator:a8bef154e558868d259c52380e1e5ead9"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a353c769068e25303eb41fa2da565c604" id="r_a353c769068e25303eb41fa2da565c604"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a353c769068e25303eb41fa2da565c604">bold</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a353c769068e25303eb41fa2da565c604"><td class="mdescLeft">&#160;</td><td class="mdescRight">Use a bold font, for elements with more emphasis. <br /></td></tr>
<tr class="separator:a353c769068e25303eb41fa2da565c604"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac6a3b77604739516e809369810896646" id="r_ac6a3b77604739516e809369810896646"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac6a3b77604739516e809369810896646">dim</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ac6a3b77604739516e809369810896646"><td class="mdescLeft">&#160;</td><td class="mdescRight">Use a light font, for elements with less emphasis. <br /></td></tr>
<tr class="separator:ac6a3b77604739516e809369810896646"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a672456b8f2091b615a30ff755418b37b" id="r_a672456b8f2091b615a30ff755418b37b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a672456b8f2091b615a30ff755418b37b">inverted</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a672456b8f2091b615a30ff755418b37b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Add a filter that will invert the foreground and the background colors. <br /></td></tr>
<tr class="separator:a672456b8f2091b615a30ff755418b37b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5ad450c97c4d084b64ffb5b5ca942664" id="r_a5ad450c97c4d084b64ffb5b5ca942664"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5ad450c97c4d084b64ffb5b5ca942664">underlined</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a5ad450c97c4d084b64ffb5b5ca942664"><td class="mdescLeft">&#160;</td><td class="mdescRight">Make the underlined element to be underlined. <br /></td></tr>
<tr class="separator:a5ad450c97c4d084b64ffb5b5ca942664"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a16d1b74107610750276499ddb3dde8da" id="r_a16d1b74107610750276499ddb3dde8da"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a16d1b74107610750276499ddb3dde8da">underlinedDouble</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a16d1b74107610750276499ddb3dde8da"><td class="mdescLeft">&#160;</td><td class="mdescRight">Apply a underlinedDouble to text. <br /></td></tr>
<tr class="separator:a16d1b74107610750276499ddb3dde8da"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad57613de5895e774218d91dea48d074b" id="r_ad57613de5895e774218d91dea48d074b"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad57613de5895e774218d91dea48d074b">blink</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ad57613de5895e774218d91dea48d074b"><td class="mdescLeft">&#160;</td><td class="mdescRight">The text drawn alternates in between visible and hidden. <br /></td></tr>
<tr class="separator:ad57613de5895e774218d91dea48d074b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8594d70f0491def903370e86132fbf01" id="r_a8594d70f0491def903370e86132fbf01"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8594d70f0491def903370e86132fbf01">strikethrough</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a8594d70f0491def903370e86132fbf01"><td class="mdescLeft">&#160;</td><td class="mdescRight">Apply a strikethrough to text. <br /></td></tr>
<tr class="separator:a8594d70f0491def903370e86132fbf01"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af61b489da39ca5e24b68e6e1a2b09c0d" id="r_af61b489da39ca5e24b68e6e1a2b09c0d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> c)</td></tr>
<tr class="memdesc:af61b489da39ca5e24b68e6e1a2b09c0d"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate using a foreground color. <br /></td></tr>
<tr class="separator:af61b489da39ca5e24b68e6e1a2b09c0d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a01d4c5aaf0447e862246849111782245" id="r_a01d4c5aaf0447e862246849111782245"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a01d4c5aaf0447e862246849111782245">bgcolor</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> <a class="el" href="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a>)</td></tr>
<tr class="memdesc:a01d4c5aaf0447e862246849111782245"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate using a background color. <br /></td></tr>
<tr class="separator:a01d4c5aaf0447e862246849111782245"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adef6e6e66199153de6d3b21b14dcf868" id="r_adef6e6e66199153de6d3b21b14dcf868"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#adef6e6e66199153de6d3b21b14dcf868">color</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> color, <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:adef6e6e66199153de6d3b21b14dcf868"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the foreground color of an element. <br /></td></tr>
<tr class="separator:adef6e6e66199153de6d3b21b14dcf868"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aae86eacae0a0626b41e9964ac7f4f532" id="r_aae86eacae0a0626b41e9964ac7f4f532"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aae86eacae0a0626b41e9964ac7f4f532">bgcolor</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> <a class="el" href="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a>, <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:aae86eacae0a0626b41e9964ac7f4f532"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the background color of an element. <br /></td></tr>
<tr class="separator:aae86eacae0a0626b41e9964ac7f4f532"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a78447ba1ccb792963ad6d306f4ed1256" id="r_a78447ba1ccb792963ad6d306f4ed1256"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a78447ba1ccb792963ad6d306f4ed1256">focusPosition</a> (int x, int y)</td></tr>
<tr class="memdesc:a78447ba1ccb792963ad6d306f4ed1256"><td class="mdescLeft">&#160;</td><td class="mdescRight">Used inside a <code>frame</code>, this force the view to be scrolled toward a a given position. The position is expressed in the numbers of cells. <br /></td></tr>
<tr class="separator:a78447ba1ccb792963ad6d306f4ed1256"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a13befad33cb4125e2143f2af3eddcc71" id="r_a13befad33cb4125e2143f2af3eddcc71"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a13befad33cb4125e2143f2af3eddcc71">focusPositionRelative</a> (float x, float y)</td></tr>
<tr class="memdesc:a13befad33cb4125e2143f2af3eddcc71"><td class="mdescLeft">&#160;</td><td class="mdescRight">Used inside a <code>frame</code>, this force the view to be scrolled toward a a given position. The position is expressed in proportion of the requested size. <br /></td></tr>
<tr class="separator:a13befad33cb4125e2143f2af3eddcc71"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aca42bd6c44d8d366d5c1014330402086" id="r_aca42bd6c44d8d366d5c1014330402086"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aca42bd6c44d8d366d5c1014330402086">automerge</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:aca42bd6c44d8d366d5c1014330402086"><td class="mdescLeft">&#160;</td><td class="mdescRight">Enable character to be automatically merged with others nearby. <br /></td></tr>
<tr class="separator:aca42bd6c44d8d366d5c1014330402086"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a552ba6d33b3c9bec586b99fba4c243ac" id="r_a552ba6d33b3c9bec586b99fba4c243ac"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a552ba6d33b3c9bec586b99fba4c243ac">hbox</a> (<a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children)</td></tr>
<tr class="memdesc:a552ba6d33b3c9bec586b99fba4c243ac"><td class="mdescLeft">&#160;</td><td class="mdescRight">A container displaying elements horizontally one by one. <br /></td></tr>
<tr class="separator:a552ba6d33b3c9bec586b99fba4c243ac"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:afd28058f0ccbbdf34691a85a7cc9b2e3" id="r_afd28058f0ccbbdf34691a85a7cc9b2e3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a> (<a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children)</td></tr>
<tr class="memdesc:afd28058f0ccbbdf34691a85a7cc9b2e3"><td class="mdescLeft">&#160;</td><td class="mdescRight">A container displaying elements vertically one by one. <br /></td></tr>
<tr class="separator:afd28058f0ccbbdf34691a85a7cc9b2e3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a901ab1b6b2e0e8c295552168ab206441" id="r_a901ab1b6b2e0e8c295552168ab206441"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a901ab1b6b2e0e8c295552168ab206441">dbox</a> (<a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> children_)</td></tr>
<tr class="memdesc:a901ab1b6b2e0e8c295552168ab206441"><td class="mdescLeft">&#160;</td><td class="mdescRight">Stack several element on top of each other. <br /></td></tr>
<tr class="separator:a901ab1b6b2e0e8c295552168ab206441"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1b45cae54e7a6afcf338eb77a54e4df6" id="r_a1b45cae54e7a6afcf338eb77a54e4df6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1b45cae54e7a6afcf338eb77a54e4df6">flexbox</a> (<a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a>, <a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a> config=<a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a>())</td></tr>
<tr class="separator:a1b45cae54e7a6afcf338eb77a54e4df6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:abcdf409d605edafd3191cd7ba47bcbd1" id="r_abcdf409d605edafd3191cd7ba47bcbd1"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#abcdf409d605edafd3191cd7ba47bcbd1">gridbox</a> (std::vector&lt; <a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> &gt; lines)</td></tr>
<tr class="memdesc:abcdf409d605edafd3191cd7ba47bcbd1"><td class="mdescLeft">&#160;</td><td class="mdescRight">A container displaying a grid of elements. <br /></td></tr>
<tr class="separator:abcdf409d605edafd3191cd7ba47bcbd1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4c7a358e515dbd4bc1fba8c6f59fe911" id="r_a4c7a358e515dbd4bc1fba8c6f59fe911"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4c7a358e515dbd4bc1fba8c6f59fe911">hflow</a> (<a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a>)</td></tr>
<tr class="separator:a4c7a358e515dbd4bc1fba8c6f59fe911"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9a3c8f59366f1e93d79c0a9dd13e7621" id="r_a9a3c8f59366f1e93d79c0a9dd13e7621"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9a3c8f59366f1e93d79c0a9dd13e7621">vflow</a> (<a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a>)</td></tr>
<tr class="separator:a9a3c8f59366f1e93d79c0a9dd13e7621"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a257acd2bd47bab7db879cca2c0e67e23" id="r_a257acd2bd47bab7db879cca2c0e67e23"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a257acd2bd47bab7db879cca2c0e67e23">flex</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a257acd2bd47bab7db879cca2c0e67e23"><td class="mdescLeft">&#160;</td><td class="mdescRight">Make a child element to expand proportionnally to the space left in a container. <br /></td></tr>
<tr class="separator:a257acd2bd47bab7db879cca2c0e67e23"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a81ed6b31f512e849247f13d249f6f20e" id="r_a81ed6b31f512e849247f13d249f6f20e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a81ed6b31f512e849247f13d249f6f20e">flex_grow</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a81ed6b31f512e849247f13d249f6f20e"><td class="mdescLeft">&#160;</td><td class="mdescRight">Expand if possible. <br /></td></tr>
<tr class="separator:a81ed6b31f512e849247f13d249f6f20e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4629196b5ffc280054d35f2a9977e829" id="r_a4629196b5ffc280054d35f2a9977e829"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4629196b5ffc280054d35f2a9977e829">flex_shrink</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a4629196b5ffc280054d35f2a9977e829"><td class="mdescLeft">&#160;</td><td class="mdescRight">Minimize if needed. <br /></td></tr>
<tr class="separator:a4629196b5ffc280054d35f2a9977e829"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a0dbba98e14f63f1dd5163cbdc4f42da8" id="r_a0dbba98e14f63f1dd5163cbdc4f42da8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a0dbba98e14f63f1dd5163cbdc4f42da8">xflex</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a0dbba98e14f63f1dd5163cbdc4f42da8"><td class="mdescLeft">&#160;</td><td class="mdescRight">Expand/Minimize if possible/needed on the X axis. <br /></td></tr>
<tr class="separator:a0dbba98e14f63f1dd5163cbdc4f42da8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1618cb15307f29eb3d531e7b44c280d3" id="r_a1618cb15307f29eb3d531e7b44c280d3"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1618cb15307f29eb3d531e7b44c280d3">xflex_grow</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a1618cb15307f29eb3d531e7b44c280d3"><td class="mdescLeft">&#160;</td><td class="mdescRight">Expand if possible on the X axis. <br /></td></tr>
<tr class="separator:a1618cb15307f29eb3d531e7b44c280d3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a95275a9271934cf76e970c6650cc224d" id="r_a95275a9271934cf76e970c6650cc224d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a95275a9271934cf76e970c6650cc224d">xflex_shrink</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a95275a9271934cf76e970c6650cc224d"><td class="mdescLeft">&#160;</td><td class="mdescRight">Minimize if needed on the X axis. <br /></td></tr>
<tr class="separator:a95275a9271934cf76e970c6650cc224d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a42c7a33df6d890de30fc1ebb2d1b3ca6" id="r_a42c7a33df6d890de30fc1ebb2d1b3ca6"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a42c7a33df6d890de30fc1ebb2d1b3ca6">yflex</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a42c7a33df6d890de30fc1ebb2d1b3ca6"><td class="mdescLeft">&#160;</td><td class="mdescRight">Expand/Minimize if possible/needed on the Y axis. <br /></td></tr>
<tr class="separator:a42c7a33df6d890de30fc1ebb2d1b3ca6"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7eac3f709e905af8f583aed52093b7ce" id="r_a7eac3f709e905af8f583aed52093b7ce"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a7eac3f709e905af8f583aed52093b7ce">yflex_grow</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a7eac3f709e905af8f583aed52093b7ce"><td class="mdescLeft">&#160;</td><td class="mdescRight">Expand if possible on the Y axis. <br /></td></tr>
<tr class="separator:a7eac3f709e905af8f583aed52093b7ce"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af7d0757f5965aa579bccc125ff909256" id="r_af7d0757f5965aa579bccc125ff909256"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af7d0757f5965aa579bccc125ff909256">yflex_shrink</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:af7d0757f5965aa579bccc125ff909256"><td class="mdescLeft">&#160;</td><td class="mdescRight">Minimize if needed on the Y axis. <br /></td></tr>
<tr class="separator:af7d0757f5965aa579bccc125ff909256"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a845b0ea50d51024aa4e050447b46e1dd" id="r_a845b0ea50d51024aa4e050447b46e1dd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a845b0ea50d51024aa4e050447b46e1dd">notflex</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a845b0ea50d51024aa4e050447b46e1dd"><td class="mdescLeft">&#160;</td><td class="mdescRight">Make the element not flexible. <br /></td></tr>
<tr class="separator:a845b0ea50d51024aa4e050447b46e1dd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac2a9ed2d22ec3c8811b61f4a901ed367" id="r_ac2a9ed2d22ec3c8811b61f4a901ed367"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac2a9ed2d22ec3c8811b61f4a901ed367">filler</a> ()</td></tr>
<tr class="memdesc:ac2a9ed2d22ec3c8811b61f4a901ed367"><td class="mdescLeft">&#160;</td><td class="mdescRight">An element that will take expand proportionnally to the space left in a container. <br /></td></tr>
<tr class="separator:ac2a9ed2d22ec3c8811b61f4a901ed367"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adbda408cdd76f3bbd9c4e863672b7122" id="r_adbda408cdd76f3bbd9c4e863672b7122"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#adbda408cdd76f3bbd9c4e863672b7122">size</a> (<a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> direction, <a class="el" href="#ae09f44b989d381a387329fd0a0935926">Constraint</a> constraint, int value)</td></tr>
<tr class="memdesc:adbda408cdd76f3bbd9c4e863672b7122"><td class="mdescLeft">&#160;</td><td class="mdescRight">Apply a constraint on the size of an element. <br /></td></tr>
<tr class="separator:adbda408cdd76f3bbd9c4e863672b7122"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad0d6a96f6e1fb6d67d9fa6323062a737" id="r_ad0d6a96f6e1fb6d67d9fa6323062a737"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad0d6a96f6e1fb6d67d9fa6323062a737">frame</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ad0d6a96f6e1fb6d67d9fa6323062a737"><td class="mdescLeft">&#160;</td><td class="mdescRight">Allow an element to be displayed inside a 'virtual' area. It size can be larger than its container. In this case only a smaller portion is displayed. The view is scrollable to make the focused element visible. <br /></td></tr>
<tr class="separator:ad0d6a96f6e1fb6d67d9fa6323062a737"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2616fcc18ca2fb41954749e67647b48f" id="r_a2616fcc18ca2fb41954749e67647b48f"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2616fcc18ca2fb41954749e67647b48f">xframe</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:a2616fcc18ca2fb41954749e67647b48f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8406bb311fbaf67a7779833635c348ea" id="r_a8406bb311fbaf67a7779833635c348ea"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8406bb311fbaf67a7779833635c348ea">yframe</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:a8406bb311fbaf67a7779833635c348ea"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a52ee73ca2fb34afb6e6f25ac7df04b0e" id="r_a52ee73ca2fb34afb6e6f25ac7df04b0e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a52ee73ca2fb34afb6e6f25ac7df04b0e">focus</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:a52ee73ca2fb34afb6e6f25ac7df04b0e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af0a483ef6e8a00023755c4637a1fcb9d" id="r_af0a483ef6e8a00023755c4637a1fcb9d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af0a483ef6e8a00023755c4637a1fcb9d">select</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:af0a483ef6e8a00023755c4637a1fcb9d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4a1180d7b135afbbd04a7a95b2f6365a" id="r_a4a1180d7b135afbbd04a7a95b2f6365a"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4a1180d7b135afbbd04a7a95b2f6365a">focusCursorBlock</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:a4a1180d7b135afbbd04a7a95b2f6365a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6f43dcd9196712b32f65dc1e0c153ec7" id="r_a6f43dcd9196712b32f65dc1e0c153ec7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6f43dcd9196712b32f65dc1e0c153ec7">focusCursorBlockBlinking</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:a6f43dcd9196712b32f65dc1e0c153ec7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a54d67ea7f6764e6bb87e1b889e5f4e33" id="r_a54d67ea7f6764e6bb87e1b889e5f4e33"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a54d67ea7f6764e6bb87e1b889e5f4e33">focusCursorBar</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:a54d67ea7f6764e6bb87e1b889e5f4e33"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af5b7e3af0d6f852b2a91f3b8b5792122" id="r_af5b7e3af0d6f852b2a91f3b8b5792122"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af5b7e3af0d6f852b2a91f3b8b5792122">focusCursorBarBlinking</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:af5b7e3af0d6f852b2a91f3b8b5792122"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac4211d58ef12846e900def2b7251056c" id="r_ac4211d58ef12846e900def2b7251056c"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac4211d58ef12846e900def2b7251056c">focusCursorUnderline</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:ac4211d58ef12846e900def2b7251056c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4da8845be4a55712d65cab9db81037d8" id="r_a4da8845be4a55712d65cab9db81037d8"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a4da8845be4a55712d65cab9db81037d8">focusCursorUnderlineBlinking</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)</td></tr>
<tr class="separator:a4da8845be4a55712d65cab9db81037d8"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1974176e676afdb96d203e8e0f579219" id="r_a1974176e676afdb96d203e8e0f579219"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1974176e676afdb96d203e8e0f579219">vscroll_indicator</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a1974176e676afdb96d203e8e0f579219"><td class="mdescLeft">&#160;</td><td class="mdescRight">Add a filter that will invert the foreground and the background colors. <br /></td></tr>
<tr class="separator:a1974176e676afdb96d203e8e0f579219"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aaff8245861617a3d9e846e99de582a63" id="r_aaff8245861617a3d9e846e99de582a63"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aaff8245861617a3d9e846e99de582a63">reflect</a> (<a class="el" href="structftxui_1_1Box.html">Box</a> &amp;box)</td></tr>
<tr class="separator:aaff8245861617a3d9e846e99de582a63"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a17a89519e6b87e12b1e5811a702f7847" id="r_a17a89519e6b87e12b1e5811a702f7847"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a17a89519e6b87e12b1e5811a702f7847">clear_under</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> element)</td></tr>
<tr class="memdesc:a17a89519e6b87e12b1e5811a702f7847"><td class="mdescLeft">&#160;</td><td class="mdescRight">Before drawing |child|, clear the pixels below. This is useful in. <br /></td></tr>
<tr class="separator:a17a89519e6b87e12b1e5811a702f7847"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af7d0d1e44c1a5424e42a5cddceacf7f7" id="r_af7d0d1e44c1a5424e42a5cddceacf7f7"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af7d0d1e44c1a5424e42a5cddceacf7f7">hcenter</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:af7d0d1e44c1a5424e42a5cddceacf7f7"><td class="mdescLeft">&#160;</td><td class="mdescRight">Center an element horizontally. <br /></td></tr>
<tr class="separator:af7d0d1e44c1a5424e42a5cddceacf7f7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad907a8a48bb9f9dfdb06402e9fc12316" id="r_ad907a8a48bb9f9dfdb06402e9fc12316"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad907a8a48bb9f9dfdb06402e9fc12316">vcenter</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:ad907a8a48bb9f9dfdb06402e9fc12316"><td class="mdescLeft">&#160;</td><td class="mdescRight">Center an element vertically. <br /></td></tr>
<tr class="separator:ad907a8a48bb9f9dfdb06402e9fc12316"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5b11656305fce8427b81daf1c35883f1" id="r_a5b11656305fce8427b81daf1c35883f1"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5b11656305fce8427b81daf1c35883f1">center</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a5b11656305fce8427b81daf1c35883f1"><td class="mdescLeft">&#160;</td><td class="mdescRight">Center an element horizontally and vertically. <br /></td></tr>
<tr class="separator:a5b11656305fce8427b81daf1c35883f1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a778e52afe28f1978f1f7ef065ed92d6d" id="r_a778e52afe28f1978f1f7ef065ed92d6d"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a778e52afe28f1978f1f7ef065ed92d6d">align_right</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a778e52afe28f1978f1f7ef065ed92d6d"><td class="mdescLeft">&#160;</td><td class="mdescRight">Align an element on the right side. <br /></td></tr>
<tr class="separator:a778e52afe28f1978f1f7ef065ed92d6d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1bfd3885ac8b40dc82a1103725003c07" id="r_a1bfd3885ac8b40dc82a1103725003c07"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1bfd3885ac8b40dc82a1103725003c07">nothing</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> element)</td></tr>
<tr class="memdesc:a1bfd3885ac8b40dc82a1103725003c07"><td class="mdescLeft">&#160;</td><td class="mdescRight">A decoration doing absolutely nothing. <br /></td></tr>
<tr class="separator:a1bfd3885ac8b40dc82a1103725003c07"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad4b8aa9392f56ba41e2b421e046a7d83" id="r_ad4b8aa9392f56ba41e2b421e046a7d83"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad4b8aa9392f56ba41e2b421e046a7d83">Render</a> (<a class="el" href="classftxui_1_1Screen.html">Screen</a> &amp;screen, const <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;element)</td></tr>
<tr class="memdesc:ad4b8aa9392f56ba41e2b421e046a7d83"><td class="mdescLeft">&#160;</td><td class="mdescRight">Display an element on a <a class="el" href="classftxui_1_1Screen.html" title="A rectangular grid of Pixel.">ftxui::Screen</a>. <br /></td></tr>
<tr class="separator:ad4b8aa9392f56ba41e2b421e046a7d83"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a32a24db985fa1b37bf686b00f7e1b4ff" id="r_a32a24db985fa1b37bf686b00f7e1b4ff"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a32a24db985fa1b37bf686b00f7e1b4ff">Render</a> (<a class="el" href="classftxui_1_1Screen.html">Screen</a> &amp;screen, <a class="el" href="classftxui_1_1Node.html">Node</a> *node)</td></tr>
<tr class="memdesc:a32a24db985fa1b37bf686b00f7e1b4ff"><td class="mdescLeft">&#160;</td><td class="mdescRight">Display an element on a <a class="el" href="classftxui_1_1Screen.html" title="A rectangular grid of Pixel.">ftxui::Screen</a>. <br /></td></tr>
<tr class="separator:a32a24db985fa1b37bf686b00f7e1b4ff"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a66d988ecc082819b1671ee2bbadebccd" id="r_a66d988ecc082819b1671ee2bbadebccd"><td class="memItemLeft" align="right" valign="top"><a class="el" href="classftxui_1_1Color.html">Color</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1literals.html#a66d988ecc082819b1671ee2bbadebccd">operator&quot;&quot;_rgb</a> (unsigned long long int combined)</td></tr>
<tr class="memdesc:a66d988ecc082819b1671ee2bbadebccd"><td class="mdescLeft">&#160;</td><td class="mdescRight">Creates a color from a combined hex RGB representation, e.g. 0x808000_rgb. <br /></td></tr>
<tr class="separator:a66d988ecc082819b1671ee2bbadebccd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a883a81f30fb771a82f6c87b77ac3658e" id="r_a883a81f30fb771a82f6c87b77ac3658e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1ColorInfo">ColorInfo</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a883a81f30fb771a82f6c87b77ac3658e">GetColorInfo</a> (<a class="el" href="classftxui_1_1Color.html#abd07c48f62cc507fafa2486a43130fcf">Color::Palette256</a> index)</td></tr>
<tr class="separator:a883a81f30fb771a82f6c87b77ac3658e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad5dd7fa2651003bf7c9f8b58de9b0a93" id="r_ad5dd7fa2651003bf7c9f8b58de9b0a93"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#structftxui_1_1ColorInfo">ColorInfo</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad5dd7fa2651003bf7c9f8b58de9b0a93">GetColorInfo</a> (<a class="el" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802f">Color::Palette16</a> index)</td></tr>
<tr class="separator:ad5dd7fa2651003bf7c9f8b58de9b0a93"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1bb4947f62228380f5c415f69b34021f" id="r_a1bb4947f62228380f5c415f69b34021f"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1bb4947f62228380f5c415f69b34021f">wchar_width</a> (wchar_t)</td></tr>
<tr class="separator:a1bb4947f62228380f5c415f69b34021f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adedb4aa528ad2aef48177dea69ca7a9d" id="r_adedb4aa528ad2aef48177dea69ca7a9d"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#adedb4aa528ad2aef48177dea69ca7a9d">wstring_width</a> (const std::wstring &amp;)</td></tr>
<tr class="separator:adedb4aa528ad2aef48177dea69ca7a9d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a757b345f73bb6cde5165a4d7f0c0a298" id="r_a757b345f73bb6cde5165a4d7f0c0a298"><td class="memItemLeft" align="right" valign="top">std::string&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a757b345f73bb6cde5165a4d7f0c0a298">to_string</a> (const std::wstring &amp;s)</td></tr>
<tr class="memdesc:a757b345f73bb6cde5165a4d7f0c0a298"><td class="mdescLeft">&#160;</td><td class="mdescRight">Convert a UTF8 std::string into a std::wstring. <br /></td></tr>
<tr class="separator:a757b345f73bb6cde5165a4d7f0c0a298"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a57429a83a46c643a81dee81e49384439" id="r_a57429a83a46c643a81dee81e49384439"><td class="memItemLeft" align="right" valign="top">std::wstring&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a57429a83a46c643a81dee81e49384439">to_wstring</a> (const std::string &amp;s)</td></tr>
<tr class="memdesc:a57429a83a46c643a81dee81e49384439"><td class="mdescLeft">&#160;</td><td class="mdescRight">Convert a std::wstring into a UTF8 std::string. <br /></td></tr>
<tr class="separator:a57429a83a46c643a81dee81e49384439"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a24ea52e8ef70889ef1da986837e0ff34" id="r_a24ea52e8ef70889ef1da986837e0ff34"><td class="memTemplParams" colspan="2">template&lt;typename T &gt; </td></tr>
<tr class="memitem:a24ea52e8ef70889ef1da986837e0ff34"><td class="memTemplItemLeft" align="right" valign="top">std::wstring&#160;</td><td class="memTemplItemRight" valign="bottom"><a class="el" href="#a24ea52e8ef70889ef1da986837e0ff34">to_wstring</a> (T s)</td></tr>
<tr class="separator:a24ea52e8ef70889ef1da986837e0ff34"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a517b35c7721e632812d8b3a7697c4099" id="r_a517b35c7721e632812d8b3a7697c4099"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a517b35c7721e632812d8b3a7697c4099">string_width</a> (const std::string &amp;)</td></tr>
<tr class="separator:a517b35c7721e632812d8b3a7697c4099"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a389c58d385e861cd2ef109b53fc6ef96" id="r_a389c58d385e861cd2ef109b53fc6ef96"><td class="memItemLeft" align="right" valign="top">std::vector&lt; std::string &gt;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a389c58d385e861cd2ef109b53fc6ef96">Utf8ToGlyphs</a> (const std::string &amp;input)</td></tr>
<tr class="separator:a389c58d385e861cd2ef109b53fc6ef96"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8cbdf10b42355be5507c3b6053a70f56" id="r_a8cbdf10b42355be5507c3b6053a70f56"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8cbdf10b42355be5507c3b6053a70f56">GlyphPosition</a> (const std::string &amp;input, size_t glyph_index, size_t start=0)</td></tr>
<tr class="separator:a8cbdf10b42355be5507c3b6053a70f56"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9b4f3faecfbeb6b2c0fdf9c30e3f1553" id="r_a9b4f3faecfbeb6b2c0fdf9c30e3f1553"><td class="memItemLeft" align="right" valign="top">int&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9b4f3faecfbeb6b2c0fdf9c30e3f1553">GlyphCount</a> (const std::string &amp;input)</td></tr>
<tr class="separator:a9b4f3faecfbeb6b2c0fdf9c30e3f1553"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad15724e497f0001e146da530183ca552" id="r_ad15724e497f0001e146da530183ca552"><td class="memItemLeft" align="right" valign="top">std::vector&lt; <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0">WordBreakProperty</a> &gt;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad15724e497f0001e146da530183ca552">Utf8ToWordBreakProperty</a> (const std::string &amp;input)</td></tr>
<tr class="separator:ad15724e497f0001e146da530183ca552"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a64a9bd1df7ca3ffb1622507d01cd0b13" id="r_a64a9bd1df7ca3ffb1622507d01cd0b13"><td class="memItemLeft" align="right" valign="top">bool&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a64a9bd1df7ca3ffb1622507d01cd0b13">IsWordBreakingCharacter</a> (const std::string &amp;input, size_t glyph_index)</td></tr>
<tr class="separator:a64a9bd1df7ca3ffb1622507d01cd0b13"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9769a28baa6a84d5de6a8bd624a29294" id="r_a9769a28baa6a84d5de6a8bd624a29294"><td class="memItemLeft" align="right" valign="top">std::vector&lt; int &gt;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9769a28baa6a84d5de6a8bd624a29294">CellToGlyphIndex</a> (const std::string &amp;input)</td></tr>
<tr class="separator:a9769a28baa6a84d5de6a8bd624a29294"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a0bfd67a2815807dc6fc9bc0f79bce29e" id="r_a0bfd67a2815807dc6fc9bc0f79bce29e"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a0bfd67a2815807dc6fc9bc0f79bce29e">CatchEvent</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> child, std::function&lt; bool(<a class="el" href="structftxui_1_1Event.html">Event</a> event)&gt; on_event)</td></tr>
<tr class="memdesc:a0bfd67a2815807dc6fc9bc0f79bce29e"><td class="mdescLeft">&#160;</td><td class="mdescRight">Return a component, using |on_event| to catch events. This function must returns true when the event has been handled, false otherwise. <br /></td></tr>
<tr class="separator:a0bfd67a2815807dc6fc9bc0f79bce29e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a877bf1673c86ac33e24facf81068e693" id="r_a877bf1673c86ac33e24facf81068e693"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a877bf1673c86ac33e24facf81068e693">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int8_t &gt;)</td></tr>
<tr class="separator:a877bf1673c86ac33e24facf81068e693"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a551dff4f473bdb27fde654341d08c618" id="r_a551dff4f473bdb27fde654341d08c618"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a551dff4f473bdb27fde654341d08c618">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int16_t &gt;)</td></tr>
<tr class="separator:a551dff4f473bdb27fde654341d08c618"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8d1ae475487cb22769f127449380925e" id="r_a8d1ae475487cb22769f127449380925e"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a8d1ae475487cb22769f127449380925e">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int32_t &gt;)</td></tr>
<tr class="separator:a8d1ae475487cb22769f127449380925e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a217d120bd78c7e5fbe21c60d58f411ba" id="r_a217d120bd78c7e5fbe21c60d58f411ba"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a217d120bd78c7e5fbe21c60d58f411ba">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int64_t &gt;)</td></tr>
<tr class="separator:a217d120bd78c7e5fbe21c60d58f411ba"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a83667b04778e0206c7c9f05652c9110a" id="r_a83667b04778e0206c7c9f05652c9110a"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a83667b04778e0206c7c9f05652c9110a">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint8_t &gt;)</td></tr>
<tr class="separator:a83667b04778e0206c7c9f05652c9110a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a41e0cb91026c84d8767958a6c3d65d88" id="r_a41e0cb91026c84d8767958a6c3d65d88"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a41e0cb91026c84d8767958a6c3d65d88">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint16_t &gt;)</td></tr>
<tr class="separator:a41e0cb91026c84d8767958a6c3d65d88"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a17babf521947301435a4f7c47835032c" id="r_a17babf521947301435a4f7c47835032c"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a17babf521947301435a4f7c47835032c">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint32_t &gt;)</td></tr>
<tr class="separator:a17babf521947301435a4f7c47835032c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a69e9803a9d52936adf22dabd14df4289" id="r_a69e9803a9d52936adf22dabd14df4289"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a69e9803a9d52936adf22dabd14df4289">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint64_t &gt;)</td></tr>
<tr class="separator:a69e9803a9d52936adf22dabd14df4289"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a453d7fc2e7bd34b00775062018daf96d" id="r_a453d7fc2e7bd34b00775062018daf96d"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a453d7fc2e7bd34b00775062018daf96d">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; float &gt;)</td></tr>
<tr class="separator:a453d7fc2e7bd34b00775062018daf96d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9d64c6ad8cbbae0735eac76e4f4f5811" id="r_a9d64c6ad8cbbae0735eac76e4f4f5811"><td class="memItemLeft" align="right" valign="top">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a9d64c6ad8cbbae0735eac76e4f4f5811">Slider</a> (<a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; double &gt;)</td></tr>
<tr class="separator:a9d64c6ad8cbbae0735eac76e4f4f5811"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="enum-members" name="enum-members"></a>
Enumerations</h2></td></tr>
<tr class="memitem:afe3103dd0b8240c5443892484ef5af9c" id="r_afe3103dd0b8240c5443892484ef5af9c"><td class="memItemLeft" align="right" valign="top">enum &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> { <br />
&#160;&#160;<a class="el" href="#afe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb">LIGHT</a>
, <a class="el" href="#afe3103dd0b8240c5443892484ef5af9ca34cd68a92c52759ed9b545969a11c2da">HEAVY</a>
, <a class="el" href="#afe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">DOUBLE</a>
, <a class="el" href="#afe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493">ROUNDED</a>
, <br />
&#160;&#160;<a class="el" href="#afe3103dd0b8240c5443892484ef5af9ca2f0d18fc0d0fa4a6cd92dc328501874d">EMPTY</a>
<br />
}</td></tr>
<tr class="separator:afe3103dd0b8240c5443892484ef5af9c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab248d738d6a6c07a3b5d760e31f78aa0" id="r_ab248d738d6a6c07a3b5d760e31f78aa0"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab248d738d6a6c07a3b5d760e31f78aa0">GaugeDirection</a> { <a class="el" href="#ab248d738d6a6c07a3b5d760e31f78aa0a945d5e233cf7d6240f6b783b36a374ff">Left</a>
, <a class="el" href="#ab248d738d6a6c07a3b5d760e31f78aa0a258f49887ef8d14ac268c92b02503aaa">Up</a>
, <a class="el" href="#ab248d738d6a6c07a3b5d760e31f78aa0a92b09c7c48c520c3c55e497875da437c">Right</a>
, <a class="el" href="#ab248d738d6a6c07a3b5d760e31f78aa0a08a38277b0309070706f6652eeae9a53">Down</a>
}</td></tr>
<tr class="separator:ab248d738d6a6c07a3b5d760e31f78aa0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a224b9163917ac32fc95a60d8c1eec3aa" id="r_a224b9163917ac32fc95a60d8c1eec3aa"><td class="memItemLeft" align="right" valign="top">enum &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> { <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa73c0818986b7c462c2977f57afd00522">WIDTH</a>
, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa38b9241136017b93ea2755a49cf0a000">HEIGHT</a>
}</td></tr>
<tr class="separator:a224b9163917ac32fc95a60d8c1eec3aa"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae09f44b989d381a387329fd0a0935926" id="r_ae09f44b989d381a387329fd0a0935926"><td class="memItemLeft" align="right" valign="top">enum &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae09f44b989d381a387329fd0a0935926">Constraint</a> { <a class="el" href="#ae09f44b989d381a387329fd0a0935926a41b05932cd237b2b133fff1ade85bed5">LESS_THAN</a>
, <a class="el" href="#ae09f44b989d381a387329fd0a0935926a59a84258a4cb9025b567ee5139455029">EQUAL</a>
, <a class="el" href="#ae09f44b989d381a387329fd0a0935926a5fae95457121bd697edd588d1b64cc7c">GREATER_THAN</a>
}</td></tr>
<tr class="separator:ae09f44b989d381a387329fd0a0935926"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac09f75368fca22e86b8262ce28ec3cc0" id="r_ac09f75368fca22e86b8262ce28ec3cc0"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0">WordBreakProperty</a> { <br />
&#160;&#160;<a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0ab1bb481a6d76de94d35e1d67cb85d966">ALetter</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a1d7b33fc26ca22c2011aaa97fecc43d8">CR</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a3a1f5142815614aa554e376af7047de3">Double_Quote</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a3bc026b815790a05493fa56fc4b8d8bd">Extend</a>
, <br />
&#160;&#160;<a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0adcba983044c9eb2afae2e2eaef5fe818">ExtendNumLet</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a520d0db389f362bf79ef56ca0af3dcab">Format</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a3b076a28de949c89c8443aa0cd42ef17">Hebrew_Letter</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0aedb097c9a1cb7aed483367f825211f75">Katakana</a>
, <br />
&#160;&#160;<a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a618441d41cce47dbcfd9bed6e5ff64e6">LF</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0ab681d24011467edf425478fed96fbcde">MidLetter</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a876e36e8a85514e9c141b2aa3a7bfb5c">MidNum</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a4d4a2ec3c1ff2c647ff25b61136aabff">MidNumLet</a>
, <br />
&#160;&#160;<a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a755fee300780823fcf4df98383331745">Newline</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a87322391cc6e8948ce9fd5d6cb84fced">Numeric</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a7f219844b91c2bb3bdb5fb7ffbdfca72">Regional_Indicator</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0ab6f9a00a0255e4da280686c4640c7671">Single_Quote</a>
, <br />
&#160;&#160;<a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0a3ddc36a0c4e381a754fb00548d567d09">WSegSpace</a>
, <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0acb4adf7b93435bdfbae8f32d5bcda514">ZWJ</a>
<br />
}</td></tr>
<tr class="separator:ac09f75368fca22e86b8262ce28ec3cc0"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="typedef-members" name="typedef-members"></a>
Typedefs</h2></td></tr>
<tr class="memitem:a24b663cb6b0b262055c94d3a03bdd274" id="r_a24b663cb6b0b262055c94d3a03bdd274"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a24b663cb6b0b262055c94d3a03bdd274">CapturedMouse</a> = std::unique_ptr&lt;<a class="el" href="classftxui_1_1CapturedMouseInterface.html">CapturedMouseInterface</a>&gt;</td></tr>
<tr class="separator:a24b663cb6b0b262055c94d3a03bdd274"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af07b496fe512e3a4863ee546f19e9a6c" id="r_af07b496fe512e3a4863ee546f19e9a6c"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> = std::function&lt;<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>(<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>)&gt;</td></tr>
<tr class="separator:af07b496fe512e3a4863ee546f19e9a6c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2d5012891073dbf196bfada5f702f382" id="r_a2d5012891073dbf196bfada5f702f382"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a> = std::function&lt;<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>(<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)&gt;</td></tr>
<tr class="separator:a2d5012891073dbf196bfada5f702f382"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:af1479ede01dbf087342534ab4ada11d3" id="r_af1479ede01dbf087342534ab4ada11d3"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> = std::shared_ptr&lt;<a class="el" href="classftxui_1_1ComponentBase.html">ComponentBase</a>&gt;</td></tr>
<tr class="separator:af1479ede01dbf087342534ab4ada11d3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3d4ccad0c8a07d5b0cb4b2e690ffc90c" id="r_a3d4ccad0c8a07d5b0cb4b2e690ffc90c"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a3d4ccad0c8a07d5b0cb4b2e690ffc90c">Components</a> = std::vector&lt;<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&gt;</td></tr>
<tr class="separator:a3d4ccad0c8a07d5b0cb4b2e690ffc90c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8f713c247c551bd416c4697ed9ab871c" id="r_a8f713c247c551bd416c4697ed9ab871c"><td class="memTemplParams" colspan="2">template&lt;class T &gt; </td></tr>
<tr class="memitem:a8f713c247c551bd416c4697ed9ab871c"><td class="memTemplItemLeft" align="right" valign="top">using&#160;</td><td class="memTemplItemRight" valign="bottom"><a class="el" href="#a8f713c247c551bd416c4697ed9ab871c">Sender</a> = std::unique_ptr&lt;<a class="el" href="classftxui_1_1SenderImpl.html">SenderImpl</a>&lt;T&gt;&gt;</td></tr>
<tr class="separator:a8f713c247c551bd416c4697ed9ab871c"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7abbe763f26611fbf3902861863b7659" id="r_a7abbe763f26611fbf3902861863b7659"><td class="memTemplParams" colspan="2">template&lt;class T &gt; </td></tr>
<tr class="memitem:a7abbe763f26611fbf3902861863b7659"><td class="memTemplItemLeft" align="right" valign="top">using&#160;</td><td class="memTemplItemRight" valign="bottom"><a class="el" href="#a7abbe763f26611fbf3902861863b7659">Receiver</a> = std::unique_ptr&lt;<a class="el" href="classftxui_1_1ReceiverImpl.html">ReceiverImpl</a>&lt;T&gt;&gt;</td></tr>
<tr class="separator:a7abbe763f26611fbf3902861863b7659"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adc2f3bfa69ce99c596a1ff1b69b04d33" id="r_adc2f3bfa69ce99c596a1ff1b69b04d33"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#adc2f3bfa69ce99c596a1ff1b69b04d33">Closure</a> = std::function&lt;void()&gt;</td></tr>
<tr class="separator:adc2f3bfa69ce99c596a1ff1b69b04d33"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aaa92a82e968c721805c62787cd000534" id="r_aaa92a82e968c721805c62787cd000534"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#aaa92a82e968c721805c62787cd000534">Task</a> = std::variant&lt;<a class="el" href="structftxui_1_1Event.html">Event</a>, <a class="el" href="#adc2f3bfa69ce99c596a1ff1b69b04d33">Closure</a>, <a class="el" href="#classftxui_1_1AnimationTask">AnimationTask</a>&gt;</td></tr>
<tr class="separator:aaa92a82e968c721805c62787cd000534"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2bc31f2d685189e5c61d2293a1f51b4f" id="r_a2bc31f2d685189e5c61d2293a1f51b4f"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> = std::shared_ptr&lt;<a class="el" href="classftxui_1_1Node.html">Node</a>&gt;</td></tr>
<tr class="separator:a2bc31f2d685189e5c61d2293a1f51b4f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5d4aa06ca6cc6a72e981bd5386f93f0a" id="r_a5d4aa06ca6cc6a72e981bd5386f93f0a"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> = std::vector&lt;<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&gt;</td></tr>
<tr class="separator:a5d4aa06ca6cc6a72e981bd5386f93f0a"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a164021903e9ac6f1357e4186582891e3" id="r_a164021903e9ac6f1357e4186582891e3"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> = std::function&lt;<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>(<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)&gt;</td></tr>
<tr class="separator:a164021903e9ac6f1357e4186582891e3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ab07cb9a766f38fc867f8fe736ce2e6e3" id="r_ab07cb9a766f38fc867f8fe736ce2e6e3"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab07cb9a766f38fc867f8fe736ce2e6e3">GraphFunction</a> = std::function&lt;std::vector&lt;int&gt;(int, int)&gt;</td></tr>
<tr class="separator:ab07cb9a766f38fc867f8fe736ce2e6e3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae80c86fbe0249ef7f5ff0ab8a089fe35" id="r_ae80c86fbe0249ef7f5ff0ab8a089fe35"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae80c86fbe0249ef7f5ff0ab8a089fe35">Charset</a> = std::array&lt;std::string, 6&gt;</td></tr>
<tr class="separator:ae80c86fbe0249ef7f5ff0ab8a089fe35"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6c9b60f2469c5abc47c813652eebd9dc" id="r_a6c9b60f2469c5abc47c813652eebd9dc"><td class="memItemLeft" align="right" valign="top">using&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a6c9b60f2469c5abc47c813652eebd9dc">Charsets</a> = std::array&lt;<a class="el" href="#ae80c86fbe0249ef7f5ff0ab8a089fe35">Charset</a>, 5&gt;</td></tr>
<tr class="separator:a6c9b60f2469c5abc47c813652eebd9dc"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="nested-classes" name="nested-classes"></a>
Data Structures</h2></td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1AnimatedColorOption.html">AnimatedColorOption</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option about a potentially animated color. <a href="structftxui_1_1AnimatedColorOption.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1AnimatedColorsOption" id="r_structftxui_1_1AnimatedColorsOption"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1AnimatedColorsOption">AnimatedColorsOption</a></td></tr>
<tr class="separator:structftxui_1_1AnimatedColorsOption"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:classftxui_1_1AnimationTask" id="r_classftxui_1_1AnimationTask"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#classftxui_1_1AnimationTask">AnimationTask</a></td></tr>
<tr class="separator:classftxui_1_1AnimationTask"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1AutoReset.html">AutoReset</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Assign a value to a variable, reset its old value when going out of scope. <a href="classftxui_1_1AutoReset.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1Box.html">Box</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1ButtonOption.html">ButtonOption</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the AnimatedButton component. <a href="structftxui_1_1ButtonOption.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1Canvas.html">Canvas</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1CapturedMouseInterface.html">CapturedMouseInterface</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1CheckboxOption.html">CheckboxOption</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the Checkbox component. <a href="structftxui_1_1CheckboxOption.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1Color.html">Color</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">A class representing terminal colors. <a href="classftxui_1_1Color.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1ColorInfo" id="r_structftxui_1_1ColorInfo"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1ColorInfo">ColorInfo</a></td></tr>
<tr class="separator:structftxui_1_1ColorInfo"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1ComponentBase.html">ComponentBase</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">It implement rendering itself as <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">ftxui::Element</a>. It implement keyboard navigation by responding to <a class="el" href="structftxui_1_1Event.html" title="Represent an event. It can be key press event, a terminal resize, or more ...">ftxui::Event</a>. <a href="classftxui_1_1ComponentBase.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">An adapter. Own or reference an immutable object. <a href="classftxui_1_1ConstRef.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">An adapter. Reference a list of strings. <a href="classftxui_1_1ConstStringListRef.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">An adapter. Own or reference a constant string. For convenience, this class convert multiple immutable string toward a shared representation. <a href="classftxui_1_1ConstStringRef.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1Dimensions" id="r_structftxui_1_1Dimensions"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1Dimensions">Dimensions</a></td></tr>
<tr class="separator:structftxui_1_1Dimensions"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1EntryState" id="r_structftxui_1_1EntryState"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1EntryState">EntryState</a></td></tr>
<tr class="memdesc:structftxui_1_1EntryState"><td class="mdescLeft">&#160;</td><td class="mdescRight">arguments for |ButtonOption::transform|, |CheckboxOption::transform|, |Radiobox::transform|, |MenuEntryOption::transform|, |MenuOption::transform|. <a href="#structftxui_1_1EntryState">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1EntryState"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1Event.html">Event</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Represent an event. It can be key press event, a terminal resize, or more ... <a href="structftxui_1_1Event.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1InputOption" id="r_structftxui_1_1InputOption"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1InputOption">InputOption</a></td></tr>
<tr class="memdesc:structftxui_1_1InputOption"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the Input component. <a href="#structftxui_1_1InputOption">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1InputOption"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1Loop.html">Loop</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1MenuEntryOption" id="r_structftxui_1_1MenuEntryOption"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1MenuEntryOption">MenuEntryOption</a></td></tr>
<tr class="memdesc:structftxui_1_1MenuEntryOption"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the MenuEntry component. <a href="#structftxui_1_1MenuEntryOption">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1MenuEntryOption"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1MenuOption.html">MenuOption</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the Menu component. <a href="structftxui_1_1MenuOption.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1Mouse.html">Mouse</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">A mouse event. It contains the coordinate of the mouse, the button pressed and the modifier (shift, ctrl, meta). <a href="structftxui_1_1Mouse.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1Node.html">Node</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1NodeDecorator.html">NodeDecorator</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1Pixel.html">Pixel</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">A unicode character and its associated style. <a href="structftxui_1_1Pixel.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1RadioboxOption.html">RadioboxOption</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the Radiobox component. <a href="structftxui_1_1RadioboxOption.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1ReceiverImpl.html">ReceiverImpl</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1Ref.html">Ref</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">An adapter. Own or reference an mutable object. <a href="classftxui_1_1Ref.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1Requirement.html">Requirement</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1Screen.html">Screen</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">A rectangular grid of <a class="el" href="structftxui_1_1Pixel.html" title="A unicode character and its associated style.">Pixel</a>. <a href="classftxui_1_1Screen.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1ScreenInteractive.html">ScreenInteractive</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1SenderImpl.html">SenderImpl</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1SliderOption" id="r_structftxui_1_1SliderOption"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a></td></tr>
<tr class="separator:structftxui_1_1SliderOption"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1StringRef.html">StringRef</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">An adapter. Own or reference a constant string. For convenience, this class convert multiple mutable string toward a shared representation. <a href="classftxui_1_1StringRef.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1Table.html">Table</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1TableSelection.html">TableSelection</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1TerminalInputParser.html">TerminalInputParser</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="structftxui_1_1UnderlineOption.html">UnderlineOption</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="namespaces" name="namespaces"></a>
Namespaces</h2></td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1animation.html">animation</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1box__helper.html">box_helper</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1Container.html">Container</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1Dimension.html">Dimension</a></td></tr>
<tr class="memdesc:namespaceftxui_1_1Dimension"><td class="mdescLeft">&#160;</td><td class="mdescRight">Define how the <a class="el" href="classftxui_1_1Screen.html" title="A rectangular grid of Pixel.">Screen</a>'s dimensions should look like. <br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1flexbox__helper.html">flexbox_helper</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1literals.html">literals</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1Terminal.html">Terminal</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:"><td class="memItemLeft" align="right" valign="top">namespace &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="namespaceftxui_1_1util.html">util</a></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table><table class="memberdecls">
<tr class="heading"><td colspan="2"><h2 class="groupheader"><a id="var-members" name="var-members"></a>
Variables</h2></td></tr>
<tr class="memitem:a81094ad1eae10308826bbd3be2723b18" id="r_a81094ad1eae10308826bbd3be2723b18"><td class="memItemLeft" align="right" valign="top">const std::map&lt; std::string, std::string &gt;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a81094ad1eae10308826bbd3be2723b18">g_uniformize</a></td></tr>
<tr class="separator:a81094ad1eae10308826bbd3be2723b18"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:acc77ce2876ca75e8d5fe8925a45592d1" id="r_acc77ce2876ca75e8d5fe8925a45592d1"><td class="memItemLeft" align="right" valign="top">const std::array&lt; <a class="el" href="#structftxui_1_1ColorInfo">ColorInfo</a>, 256 &gt;&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#acc77ce2876ca75e8d5fe8925a45592d1">palette256</a></td></tr>
<tr class="separator:acc77ce2876ca75e8d5fe8925a45592d1"><td class="memSeparator" colspan="2">&#160;</td></tr>
</table>
<hr/><h2 class="groupheader">Data Structure Documentation</h2>
<a name="structftxui_1_1AnimatedColorsOption" id="structftxui_1_1AnimatedColorsOption"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1AnimatedColorsOption">&#9670;&#160;</a></span>ftxui::AnimatedColorsOption</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::AnimatedColorsOption</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="classftxui_1_1AnimationTask" id="classftxui_1_1AnimationTask"></a>
<h2 class="memtitle"><span class="permalink"><a href="#classftxui_1_1AnimationTask">&#9670;&#160;</a></span>ftxui::AnimationTask</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">class ftxui::AnimationTask</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1ColorInfo" id="structftxui_1_1ColorInfo"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1ColorInfo">&#9670;&#160;</a></span>ftxui::ColorInfo</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::ColorInfo</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1Dimensions" id="structftxui_1_1Dimensions"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1Dimensions">&#9670;&#160;</a></span>ftxui::Dimensions</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::Dimensions</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1EntryState" id="structftxui_1_1EntryState"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1EntryState">&#9670;&#160;</a></span>ftxui::EntryState</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::EntryState</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1InputOption" id="structftxui_1_1InputOption"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1InputOption">&#9670;&#160;</a></span>ftxui::InputOption</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::InputOption</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1MenuEntryOption" id="structftxui_1_1MenuEntryOption"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1MenuEntryOption">&#9670;&#160;</a></span>ftxui::MenuEntryOption</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::MenuEntryOption</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1SliderOption" id="structftxui_1_1SliderOption"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1SliderOption">&#9670;&#160;</a></span>ftxui::SliderOption</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::SliderOption</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<h2 class="groupheader">Typedef Documentation</h2>
<a id="a24b663cb6b0b262055c94d3a03bdd274" name="a24b663cb6b0b262055c94d3a03bdd274"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a24b663cb6b0b262055c94d3a03bdd274">&#9670;&#160;</a></span>CapturedMouse</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a24b663cb6b0b262055c94d3a03bdd274">CapturedMouse</a> = std::unique_ptr&lt;<a class="el" href="classftxui_1_1CapturedMouseInterface.html">CapturedMouseInterface</a>&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="captured__mouse_8hpp_source.html#l00011">11</a> of file <a class="el" href="captured__mouse_8hpp_source.html">captured_mouse.hpp</a>.</p>
</div>
</div>
<a id="af07b496fe512e3a4863ee546f19e9a6c" name="af07b496fe512e3a4863ee546f19e9a6c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af07b496fe512e3a4863ee546f19e9a6c">&#9670;&#160;</a></span>ComponentDecorator</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> = std::function&lt;<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>(<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>)&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component_8hpp_source.html#l00030">30</a> of file <a class="el" href="component_8hpp_source.html">component.hpp</a>.</p>
</div>
</div>
<a id="a2d5012891073dbf196bfada5f702f382" name="a2d5012891073dbf196bfada5f702f382"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2d5012891073dbf196bfada5f702f382">&#9670;&#160;</a></span>ElementDecorator</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a> = std::function&lt;<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>(<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component_8hpp_source.html#l00031">31</a> of file <a class="el" href="component_8hpp_source.html">component.hpp</a>.</p>
</div>
</div>
<a id="af1479ede01dbf087342534ab4ada11d3" name="af1479ede01dbf087342534ab4ada11d3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af1479ede01dbf087342534ab4ada11d3">&#9670;&#160;</a></span>Component</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">typedef std::shared_ptr&lt; <a class="el" href="classftxui_1_1ComponentBase.html">ComponentBase</a> &gt; <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> = std::shared_ptr&lt;<a class="el" href="classftxui_1_1ComponentBase.html">ComponentBase</a>&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component__base_8hpp_source.html#l00021">21</a> of file <a class="el" href="component__base_8hpp_source.html">component_base.hpp</a>.</p>
</div>
</div>
<a id="a3d4ccad0c8a07d5b0cb4b2e690ffc90c" name="a3d4ccad0c8a07d5b0cb4b2e690ffc90c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3d4ccad0c8a07d5b0cb4b2e690ffc90c">&#9670;&#160;</a></span>Components</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a3d4ccad0c8a07d5b0cb4b2e690ffc90c">Components</a> = std::vector&lt;<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a>&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component__base_8hpp_source.html#l00022">22</a> of file <a class="el" href="component__base_8hpp_source.html">component_base.hpp</a>.</p>
</div>
</div>
<a id="a8f713c247c551bd416c4697ed9ab871c" name="a8f713c247c551bd416c4697ed9ab871c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8f713c247c551bd416c4697ed9ab871c">&#9670;&#160;</a></span>Sender</h2>
<div class="memitem">
<div class="memproto">
<div class="memtemplate">
template&lt;class T &gt; </div>
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a8f713c247c551bd416c4697ed9ab871c">Sender</a> = std::unique_ptr&lt;<a class="el" href="classftxui_1_1SenderImpl.html">SenderImpl</a>&lt;T&gt;&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="receiver_8hpp_source.html#l00044">44</a> of file <a class="el" href="receiver_8hpp_source.html">receiver.hpp</a>.</p>
</div>
</div>
<a id="a7abbe763f26611fbf3902861863b7659" name="a7abbe763f26611fbf3902861863b7659"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7abbe763f26611fbf3902861863b7659">&#9670;&#160;</a></span>Receiver</h2>
<div class="memitem">
<div class="memproto">
<div class="memtemplate">
template&lt;class T &gt; </div>
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a7abbe763f26611fbf3902861863b7659">Receiver</a> = std::unique_ptr&lt;<a class="el" href="classftxui_1_1ReceiverImpl.html">ReceiverImpl</a>&lt;T&gt;&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="receiver_8hpp_source.html#l00045">45</a> of file <a class="el" href="receiver_8hpp_source.html">receiver.hpp</a>.</p>
</div>
</div>
<a id="adc2f3bfa69ce99c596a1ff1b69b04d33" name="adc2f3bfa69ce99c596a1ff1b69b04d33"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adc2f3bfa69ce99c596a1ff1b69b04d33">&#9670;&#160;</a></span>Closure</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#adc2f3bfa69ce99c596a1ff1b69b04d33">Closure</a> = std::function&lt;void()&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="task_8hpp_source.html#l00010">10</a> of file <a class="el" href="task_8hpp_source.html">task.hpp</a>.</p>
</div>
</div>
<a id="aaa92a82e968c721805c62787cd000534" name="aaa92a82e968c721805c62787cd000534"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aaa92a82e968c721805c62787cd000534">&#9670;&#160;</a></span>Task</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#aaa92a82e968c721805c62787cd000534">Task</a> = std::variant&lt;<a class="el" href="structftxui_1_1Event.html">Event</a>, <a class="el" href="#adc2f3bfa69ce99c596a1ff1b69b04d33">Closure</a>, <a class="el" href="#classftxui_1_1AnimationTask">AnimationTask</a>&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="task_8hpp_source.html#l00011">11</a> of file <a class="el" href="task_8hpp_source.html">task.hpp</a>.</p>
</div>
</div>
<a id="a2bc31f2d685189e5c61d2293a1f51b4f" name="a2bc31f2d685189e5c61d2293a1f51b4f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2bc31f2d685189e5c61d2293a1f51b4f">&#9670;&#160;</a></span>Element</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">typedef std::shared_ptr&lt; <a class="el" href="classftxui_1_1Node.html">Node</a> &gt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> = std::shared_ptr&lt;<a class="el" href="classftxui_1_1Node.html">Node</a>&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00018">18</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="a5d4aa06ca6cc6a72e981bd5386f93f0a" name="a5d4aa06ca6cc6a72e981bd5386f93f0a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">&#9670;&#160;</a></span>Elements</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">typedef std::vector&lt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &gt; <a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> = std::vector&lt;<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00019">19</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="a164021903e9ac6f1357e4186582891e3" name="a164021903e9ac6f1357e4186582891e3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a164021903e9ac6f1357e4186582891e3">&#9670;&#160;</a></span>Decorator</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> = std::function&lt;<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>(<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>)&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00020">20</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="ab07cb9a766f38fc867f8fe736ce2e6e3" name="ab07cb9a766f38fc867f8fe736ce2e6e3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab07cb9a766f38fc867f8fe736ce2e6e3">&#9670;&#160;</a></span>GraphFunction</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#ab07cb9a766f38fc867f8fe736ce2e6e3">GraphFunction</a> = std::function&lt;std::vector&lt;int&gt;(int, int)&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00021">21</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="ae80c86fbe0249ef7f5ff0ab8a089fe35" name="ae80c86fbe0249ef7f5ff0ab8a089fe35"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae80c86fbe0249ef7f5ff0ab8a089fe35">&#9670;&#160;</a></span>Charset</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#ae80c86fbe0249ef7f5ff0ab8a089fe35">Charset</a> = std::array&lt;std::string, 6&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00016">16</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a6c9b60f2469c5abc47c813652eebd9dc" name="a6c9b60f2469c5abc47c813652eebd9dc"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6c9b60f2469c5abc47c813652eebd9dc">&#9670;&#160;</a></span>Charsets</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">using <a class="el" href="#a6c9b60f2469c5abc47c813652eebd9dc">Charsets</a> = std::array&lt;<a class="el" href="#ae80c86fbe0249ef7f5ff0ab8a089fe35">Charset</a>, 5&gt;</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00017">17</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<h2 class="groupheader">Enumeration Type Documentation</h2>
<a id="afe3103dd0b8240c5443892484ef5af9c" name="afe3103dd0b8240c5443892484ef5af9c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afe3103dd0b8240c5443892484ef5af9c">&#9670;&#160;</a></span>BorderStyle</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">enum <a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td>
</tr>
</table>
</div><div class="memdoc">
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="afe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb" name="afe3103dd0b8240c5443892484ef5af9caf917d6c11c85b4ac32e30d1cc9da25eb"></a>LIGHT&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="afe3103dd0b8240c5443892484ef5af9ca34cd68a92c52759ed9b545969a11c2da" name="afe3103dd0b8240c5443892484ef5af9ca34cd68a92c52759ed9b545969a11c2da"></a>HEAVY&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="afe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92" name="afe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92"></a>DOUBLE&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="afe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493" name="afe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493"></a>ROUNDED&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="afe3103dd0b8240c5443892484ef5af9ca2f0d18fc0d0fa4a6cd92dc328501874d" name="afe3103dd0b8240c5443892484ef5af9ca2f0d18fc0d0fa4a6cd92dc328501874d"></a>EMPTY&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00023">23</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="ab248d738d6a6c07a3b5d760e31f78aa0" name="ab248d738d6a6c07a3b5d760e31f78aa0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab248d738d6a6c07a3b5d760e31f78aa0">&#9670;&#160;</a></span>GaugeDirection</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="#ab248d738d6a6c07a3b5d760e31f78aa0">GaugeDirection</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="ab248d738d6a6c07a3b5d760e31f78aa0a945d5e233cf7d6240f6b783b36a374ff" name="ab248d738d6a6c07a3b5d760e31f78aa0a945d5e233cf7d6240f6b783b36a374ff"></a>Left&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ab248d738d6a6c07a3b5d760e31f78aa0a258f49887ef8d14ac268c92b02503aaa" name="ab248d738d6a6c07a3b5d760e31f78aa0a258f49887ef8d14ac268c92b02503aaa"></a>Up&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ab248d738d6a6c07a3b5d760e31f78aa0a92b09c7c48c520c3c55e497875da437c" name="ab248d738d6a6c07a3b5d760e31f78aa0a92b09c7c48c520c3c55e497875da437c"></a>Right&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ab248d738d6a6c07a3b5d760e31f78aa0a08a38277b0309070706f6652eeae9a53" name="ab248d738d6a6c07a3b5d760e31f78aa0a08a38277b0309070706f6652eeae9a53"></a>Down&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00024">24</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<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="memname">
<tr>
<td class="memname">enum <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a></td>
</tr>
</table>
</div><div class="memdoc">
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa73c0818986b7c462c2977f57afd00522" name="a224b9163917ac32fc95a60d8c1eec3aaa73c0818986b7c462c2977f57afd00522"></a>WIDTH&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa38b9241136017b93ea2755a49cf0a000" name="a224b9163917ac32fc95a60d8c1eec3aaa38b9241136017b93ea2755a49cf0a000"></a>HEIGHT&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00127">127</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="ae09f44b989d381a387329fd0a0935926" name="ae09f44b989d381a387329fd0a0935926"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae09f44b989d381a387329fd0a0935926">&#9670;&#160;</a></span>Constraint</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">enum <a class="el" href="#ae09f44b989d381a387329fd0a0935926">Constraint</a></td>
</tr>
</table>
</div><div class="memdoc">
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="ae09f44b989d381a387329fd0a0935926a41b05932cd237b2b133fff1ade85bed5" name="ae09f44b989d381a387329fd0a0935926a41b05932cd237b2b133fff1ade85bed5"></a>LESS_THAN&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ae09f44b989d381a387329fd0a0935926a59a84258a4cb9025b567ee5139455029" name="ae09f44b989d381a387329fd0a0935926a59a84258a4cb9025b567ee5139455029"></a>EQUAL&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ae09f44b989d381a387329fd0a0935926a5fae95457121bd697edd588d1b64cc7c" name="ae09f44b989d381a387329fd0a0935926a5fae95457121bd697edd588d1b64cc7c"></a>GREATER_THAN&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00128">128</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="ac09f75368fca22e86b8262ce28ec3cc0" name="ac09f75368fca22e86b8262ce28ec3cc0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac09f75368fca22e86b8262ce28ec3cc0">&#9670;&#160;</a></span>WordBreakProperty</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="#ac09f75368fca22e86b8262ce28ec3cc0">WordBreakProperty</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="ac09f75368fca22e86b8262ce28ec3cc0ab1bb481a6d76de94d35e1d67cb85d966" name="ac09f75368fca22e86b8262ce28ec3cc0ab1bb481a6d76de94d35e1d67cb85d966"></a>ALetter&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a1d7b33fc26ca22c2011aaa97fecc43d8" name="ac09f75368fca22e86b8262ce28ec3cc0a1d7b33fc26ca22c2011aaa97fecc43d8"></a>CR&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a3a1f5142815614aa554e376af7047de3" name="ac09f75368fca22e86b8262ce28ec3cc0a3a1f5142815614aa554e376af7047de3"></a>Double_Quote&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a3bc026b815790a05493fa56fc4b8d8bd" name="ac09f75368fca22e86b8262ce28ec3cc0a3bc026b815790a05493fa56fc4b8d8bd"></a>Extend&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0adcba983044c9eb2afae2e2eaef5fe818" name="ac09f75368fca22e86b8262ce28ec3cc0adcba983044c9eb2afae2e2eaef5fe818"></a>ExtendNumLet&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a520d0db389f362bf79ef56ca0af3dcab" name="ac09f75368fca22e86b8262ce28ec3cc0a520d0db389f362bf79ef56ca0af3dcab"></a>Format&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a3b076a28de949c89c8443aa0cd42ef17" name="ac09f75368fca22e86b8262ce28ec3cc0a3b076a28de949c89c8443aa0cd42ef17"></a>Hebrew_Letter&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0aedb097c9a1cb7aed483367f825211f75" name="ac09f75368fca22e86b8262ce28ec3cc0aedb097c9a1cb7aed483367f825211f75"></a>Katakana&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a618441d41cce47dbcfd9bed6e5ff64e6" name="ac09f75368fca22e86b8262ce28ec3cc0a618441d41cce47dbcfd9bed6e5ff64e6"></a>LF&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0ab681d24011467edf425478fed96fbcde" name="ac09f75368fca22e86b8262ce28ec3cc0ab681d24011467edf425478fed96fbcde"></a>MidLetter&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a876e36e8a85514e9c141b2aa3a7bfb5c" name="ac09f75368fca22e86b8262ce28ec3cc0a876e36e8a85514e9c141b2aa3a7bfb5c"></a>MidNum&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a4d4a2ec3c1ff2c647ff25b61136aabff" name="ac09f75368fca22e86b8262ce28ec3cc0a4d4a2ec3c1ff2c647ff25b61136aabff"></a>MidNumLet&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a755fee300780823fcf4df98383331745" name="ac09f75368fca22e86b8262ce28ec3cc0a755fee300780823fcf4df98383331745"></a>Newline&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a87322391cc6e8948ce9fd5d6cb84fced" name="ac09f75368fca22e86b8262ce28ec3cc0a87322391cc6e8948ce9fd5d6cb84fced"></a>Numeric&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a7f219844b91c2bb3bdb5fb7ffbdfca72" name="ac09f75368fca22e86b8262ce28ec3cc0a7f219844b91c2bb3bdb5fb7ffbdfca72"></a>Regional_Indicator&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0ab6f9a00a0255e4da280686c4640c7671" name="ac09f75368fca22e86b8262ce28ec3cc0ab6f9a00a0255e4da280686c4640c7671"></a>Single_Quote&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0a3ddc36a0c4e381a754fb00548d567d09" name="ac09f75368fca22e86b8262ce28ec3cc0a3ddc36a0c4e381a754fb00548d567d09"></a>WSegSpace&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="ac09f75368fca22e86b8262ce28ec3cc0acb4adf7b93435bdfbae8f32d5bcda514" name="ac09f75368fca22e86b8262ce28ec3cc0acb4adf7b93435bdfbae8f32d5bcda514"></a>ZWJ&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="string_8hpp_source.html#l00031">31</a> of file <a class="el" href="string_8hpp_source.html">string.hpp</a>.</p>
</div>
</div>
<h2 class="groupheader">Function Documentation</h2>
<a id="a2b8973dc71334f1d98e2e6f55de8b5ae" name="a2b8973dc71334f1d98e2e6f55de8b5ae"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2b8973dc71334f1d98e2e6f55de8b5ae">&#9670;&#160;</a></span>Make()</h2>
<div class="memitem">
<div class="memproto">
<div class="memtemplate">
template&lt;class T , class... Args&gt; </div>
<table class="memname">
<tr>
<td class="memname">std::shared_ptr&lt; T &gt; Make </td>
<td>(</td>
<td class="paramtype">Args &amp;&amp;...</td> <td class="paramname"><span class="paramname"><em>args</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component_8hpp_source.html#l00025">25</a> of file <a class="el" href="component_8hpp_source.html">component.hpp</a>.</p>
</div>
</div>
<a id="a65a2e15f64ae3bc205c485abc3a5aeb9" name="a65a2e15f64ae3bc205c485abc3a5aeb9"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a65a2e15f64ae3bc205c485abc3a5aeb9">&#9670;&#160;</a></span>operator|() <span class="overload">[1/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>component</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component_2util_8cpp_source.html#l00009">9</a> of file <a class="el" href="component_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a9c4cf8bcb7012f740b146bfe89cbd3eb" name="a9c4cf8bcb7012f740b146bfe89cbd3eb"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9c4cf8bcb7012f740b146bfe89cbd3eb">&#9670;&#160;</a></span>operator|() <span class="overload">[2/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>component</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component_2util_8cpp_source.html#l00014">14</a> of file <a class="el" href="component_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="ade35e69d695327db85be01c9787c39f8" name="ade35e69d695327db85be01c9787c39f8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ade35e69d695327db85be01c9787c39f8">&#9670;&#160;</a></span>operator|=() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp; operator|= </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp;</td> <td class="paramname"><span class="paramname"><em>component</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component_2util_8cpp_source.html#l00019">19</a> of file <a class="el" href="component_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="aa480c58bcaeae204fbe68b192c5ede92" name="aa480c58bcaeae204fbe68b192c5ede92"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa480c58bcaeae204fbe68b192c5ede92">&#9670;&#160;</a></span>operator|=() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp; operator|= </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> &amp;</td> <td class="paramname"><span class="paramname"><em>component</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="component_2util_8cpp_source.html#l00025">25</a> of file <a class="el" href="component_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a6910ffaa082c693603aafab4e7dddac3" name="a6910ffaa082c693603aafab4e7dddac3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6910ffaa082c693603aafab4e7dddac3">&#9670;&#160;</a></span>Button()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Button </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>label</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; void()&gt;</td> <td class="paramname"><span class="paramname"><em>on_click</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1ButtonOption.html">ButtonOption</a> &gt;</td> <td class="paramname"><span class="paramname"><em>option</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a button. Execute a function when clicked. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">label</td><td>The label of the button. </td></tr>
<tr><td class="paramname">on_click</td><td>The action to execute when clicked. </td></tr>
<tr><td class="paramname">option</td><td>Additional optional parameters.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>ButtonBase</dd></dl>
<h3><a class="anchor" id="autotoc_md0"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a4f458e443ed672c2aea9fdd96531a621">ScreenInteractive::FitComponent</a>();</div>
<div class="line">std::string label = <span class="stringliteral">&quot;Click to quit&quot;</span>;</div>
<div class="line"><a class="code hl_typedef" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> button = <a class="code hl_function" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a>(&amp;label, screen.ExitLoopClosure());</div>
<div class="line">screen.Loop(button)</div>
<div class="ttc" id="aclassftxui_1_1ScreenInteractive_html_a4f458e443ed672c2aea9fdd96531a621"><div class="ttname"><a href="classftxui_1_1ScreenInteractive.html#a4f458e443ed672c2aea9fdd96531a621">ftxui::ScreenInteractive::FitComponent</a></div><div class="ttdeci">static ScreenInteractive FitComponent()</div><div class="ttdef"><b>Definition</b> <a href="screen__interactive_8cpp_source.html#l00372">screen_interactive.cpp:372</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a6910ffaa082c693603aafab4e7dddac3"><div class="ttname"><a href="#a6910ffaa082c693603aafab4e7dddac3">ftxui::Button</a></div><div class="ttdeci">Component Button(ConstStringRef label, std::function&lt; void()&gt; on_click, Ref&lt; ButtonOption &gt;=ButtonOption::Simple())</div><div class="ttdoc">Draw a button. Execute a function when clicked.</div><div class="ttdef"><b>Definition</b> <a href="button_8cpp_source.html#l00059">button.cpp:59</a></div></div>
<div class="ttc" id="anamespaceftxui_html_af1479ede01dbf087342534ab4ada11d3"><div class="ttname"><a href="#af1479ede01dbf087342534ab4ada11d3">ftxui::Component</a></div><div class="ttdeci">std::shared_ptr&lt; ComponentBase &gt; Component</div><div class="ttdef"><b>Definition</b> <a href="component__base_8hpp_source.html#l00021">component_base.hpp:21</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md1"></a>
Output</h3>
<div class="fragment"><div class="line">┌─────────────┐</div>
<div class="line">│Click to quit│</div>
<div class="line">└─────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="button_8cpp_source.html#l00059">59</a> of file <a class="el" href="button_8cpp_source.html">button.cpp</a>.</p>
</div>
</div>
<a id="a04e40e348dee25bbbfce0a13bf234e19" name="a04e40e348dee25bbbfce0a13bf234e19"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a04e40e348dee25bbbfce0a13bf234e19">&#9670;&#160;</a></span>Checkbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Checkbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>label</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool *</td> <td class="paramname"><span class="paramname"><em>checked</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1CheckboxOption.html">CheckboxOption</a> &gt;</td> <td class="paramname"><span class="paramname"><em>option</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw checkable element. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">label</td><td>The label of the checkbox. </td></tr>
<tr><td class="paramname">checked</td><td>Whether the checkbox is checked or not. </td></tr>
<tr><td class="paramname">option</td><td>Additional optional parameters.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>CheckboxBase</dd></dl>
<h3><a class="anchor" id="autotoc_md4"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a4f458e443ed672c2aea9fdd96531a621">ScreenInteractive::FitComponent</a>();</div>
<div class="line">std::string label = <span class="stringliteral">&quot;Make a sandwidth&quot;</span>;</div>
<div class="line"><span class="keywordtype">bool</span> checked = <span class="keyword">false</span>;</div>
<div class="line"><a class="code hl_typedef" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> checkbox = <a class="code hl_function" href="#a04e40e348dee25bbbfce0a13bf234e19">Checkbox</a>(&amp;label, &amp;checked);</div>
<div class="line">screen.Loop(checkbox)</div>
<div class="ttc" id="anamespaceftxui_html_a04e40e348dee25bbbfce0a13bf234e19"><div class="ttname"><a href="#a04e40e348dee25bbbfce0a13bf234e19">ftxui::Checkbox</a></div><div class="ttdeci">Component Checkbox(ConstStringRef label, bool *checked, Ref&lt; CheckboxOption &gt; option=CheckboxOption::Simple())</div><div class="ttdoc">Draw checkable element.</div><div class="ttdef"><b>Definition</b> <a href="checkbox_8cpp_source.html#l00112">checkbox.cpp:112</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md5"></a>
Output</h3>
<div class="fragment"><div class="line">☐ Make a sandwitch</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="checkbox_8cpp_source.html#l00112">112</a> of file <a class="el" href="checkbox_8cpp_source.html">checkbox.cpp</a>.</p>
</div>
</div>
<a id="a30be54a28004c1c48c2a5ed54e4abd64" name="a30be54a28004c1c48c2a5ed54e4abd64"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a30be54a28004c1c48c2a5ed54e4abd64">&#9670;&#160;</a></span>Input()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Input </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1StringRef.html">StringRef</a></td> <td class="paramname"><span class="paramname"><em>content</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>placeholder</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="#structftxui_1_1InputOption">InputOption</a> &gt;</td> <td class="paramname"><span class="paramname"><em>option</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>An input box for editing text. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">content</td><td>The editable content. </td></tr>
<tr><td class="paramname">placeholder</td><td>The text displayed when content is still empty. </td></tr>
<tr><td class="paramname">option</td><td>Additional optional parameters.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>InputBase</dd></dl>
<h3><a class="anchor" id="autotoc_md17"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a4f458e443ed672c2aea9fdd96531a621">ScreenInteractive::FitComponent</a>();</div>
<div class="line">std::string content= <span class="stringliteral">&quot;&quot;</span>;</div>
<div class="line">std::string placeholder = <span class="stringliteral">&quot;placeholder&quot;</span>;</div>
<div class="line"><a class="code hl_typedef" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> input = <a class="code hl_function" href="#a30be54a28004c1c48c2a5ed54e4abd64">Input</a>(&amp;content, &amp;placeholder);</div>
<div class="line">screen.Loop(input);</div>
<div class="ttc" id="anamespaceftxui_html_a30be54a28004c1c48c2a5ed54e4abd64"><div class="ttname"><a href="#a30be54a28004c1c48c2a5ed54e4abd64">ftxui::Input</a></div><div class="ttdeci">Component Input(StringRef content, ConstStringRef placeholder, Ref&lt; InputOption &gt; option={})</div><div class="ttdoc">An input box for editing text.</div><div class="ttdef"><b>Definition</b> <a href="input_8cpp_source.html#l00337">input.cpp:337</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md18"></a>
Output</h3>
<div class="fragment"><div class="line">placeholder</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="input_8cpp_source.html#l00337">337</a> of file <a class="el" href="input_8cpp_source.html">input.cpp</a>.</p>
</div>
</div>
<a id="a777280bcec2414bef5c6725658c7714b" name="a777280bcec2414bef5c6725658c7714b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a777280bcec2414bef5c6725658c7714b">&#9670;&#160;</a></span>Menu()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Menu </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a></td> <td class="paramname"><span class="paramname"><em>entries</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>selected</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1MenuOption.html">MenuOption</a> &gt;</td> <td class="paramname"><span class="paramname"><em>option</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>A list of text. The focused element is selected. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">entries</td><td>The list of entries in the menu. </td></tr>
<tr><td class="paramname">selected</td><td>The index of the currently selected element. </td></tr>
<tr><td class="paramname">option</td><td>Additional optional parameters.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md22"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line">std::vector&lt;std::string&gt; entries = {</div>
<div class="line"> <span class="stringliteral">&quot;entry 1&quot;</span>,</div>
<div class="line"> <span class="stringliteral">&quot;entry 2&quot;</span>,</div>
<div class="line"> <span class="stringliteral">&quot;entry 3&quot;</span>,</div>
<div class="line">};</div>
<div class="line"><span class="keywordtype">int</span> selected = 0;</div>
<div class="line"><span class="keyword">auto</span> menu = <a class="code hl_function" href="#a777280bcec2414bef5c6725658c7714b">Menu</a>(&amp;entries, &amp;selected);</div>
<div class="line">screen.Loop(menu);</div>
<div class="ttc" id="aclassftxui_1_1ScreenInteractive_html_a0b7de0467b4e57ce5f337ba8634d8d13"><div class="ttname"><a href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ftxui::ScreenInteractive::TerminalOutput</a></div><div class="ttdeci">static ScreenInteractive TerminalOutput()</div><div class="ttdef"><b>Definition</b> <a href="screen__interactive_8cpp_source.html#l00362">screen_interactive.cpp:362</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a777280bcec2414bef5c6725658c7714b"><div class="ttname"><a href="#a777280bcec2414bef5c6725658c7714b">ftxui::Menu</a></div><div class="ttdeci">Component Menu(ConstStringListRef entries, int *selected_, Ref&lt; MenuOption &gt;=MenuOption::Vertical())</div><div class="ttdoc">A list of text. The focused element is selected.</div><div class="ttdef"><b>Definition</b> <a href="menu_8cpp_source.html#l00511">menu.cpp:511</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md23"></a>
Output</h3>
<div class="fragment"><div class="line">&gt; entry 1</div>
<div class="line"> entry 2</div>
<div class="line"> entry 3</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="menu_8cpp_source.html#l00511">511</a> of file <a class="el" href="menu_8cpp_source.html">menu.cpp</a>.</p>
</div>
</div>
<a id="a4ca1e85a59a332da2aa61a6de1a9c010" name="a4ca1e85a59a332da2aa61a6de1a9c010"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4ca1e85a59a332da2aa61a6de1a9c010">&#9670;&#160;</a></span>MenuEntry()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> MenuEntry </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>label</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="#structftxui_1_1MenuEntryOption">MenuEntryOption</a> &gt;</td> <td class="paramname"><span class="paramname"><em>option</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>A specific menu entry. They can be put into a <a class="el" href="namespaceftxui_1_1Container.html#a6471e39f5664d059144746c5801d37e6" title="A list of components, drawn one by one vertically and navigated vertically using up/down arrow key or...">Container::Vertical</a> to form a menu. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">label</td><td>The text drawn representing this element. </td></tr>
<tr><td class="paramname">option</td><td>Additional optional parameters.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md24"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"><span class="keywordtype">int</span> selected = 0;</div>
<div class="line"><span class="keyword">auto</span> menu = <a class="code hl_function" href="namespaceftxui_1_1Container.html#a6471e39f5664d059144746c5801d37e6">Container::Vertical</a>({</div>
<div class="line"> <a class="code hl_function" href="#a4ca1e85a59a332da2aa61a6de1a9c010">MenuEntry</a>(<span class="stringliteral">&quot;entry 1&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a4ca1e85a59a332da2aa61a6de1a9c010">MenuEntry</a>(<span class="stringliteral">&quot;entry 2&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a4ca1e85a59a332da2aa61a6de1a9c010">MenuEntry</a>(<span class="stringliteral">&quot;entry 3&quot;</span>),</div>
<div class="line">}, &amp;selected);</div>
<div class="line">screen.Loop(menu);</div>
<div class="ttc" id="anamespaceftxui_1_1Container_html_a6471e39f5664d059144746c5801d37e6"><div class="ttname"><a href="namespaceftxui_1_1Container.html#a6471e39f5664d059144746c5801d37e6">ftxui::Container::Vertical</a></div><div class="ttdeci">Component Vertical(Components children)</div><div class="ttdoc">A list of components, drawn one by one vertically and navigated vertically using up/down arrow key or...</div><div class="ttdef"><b>Definition</b> <a href="container_8cpp_source.html#l00254">container.cpp:254</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a4ca1e85a59a332da2aa61a6de1a9c010"><div class="ttname"><a href="#a4ca1e85a59a332da2aa61a6de1a9c010">ftxui::MenuEntry</a></div><div class="ttdeci">Component MenuEntry(ConstStringRef label, Ref&lt; MenuEntryOption &gt;={})</div><div class="ttdoc">A specific menu entry. They can be put into a Container::Vertical to form a menu.</div><div class="ttdef"><b>Definition</b> <a href="menu_8cpp_source.html#l00552">menu.cpp:552</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md25"></a>
Output</h3>
<div class="fragment"><div class="line">&gt; entry 1</div>
<div class="line"> entry 2</div>
<div class="line"> entry 3</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="menu_8cpp_source.html#l00552">552</a> of file <a class="el" href="menu_8cpp_source.html">menu.cpp</a>.</p>
</div>
</div>
<a id="aa22bddff4aeed66e20f30d0715596999" name="aa22bddff4aeed66e20f30d0715596999"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa22bddff4aeed66e20f30d0715596999">&#9670;&#160;</a></span>Dropdown()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Dropdown </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a></td> <td class="paramname"><span class="paramname"><em>entries</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>selected</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="dropdown_8cpp_source.html#l00014">14</a> of file <a class="el" href="dropdown_8cpp_source.html">dropdown.cpp</a>.</p>
</div>
</div>
<a id="a0d757f667caaff5287cb8702f52186ee" name="a0d757f667caaff5287cb8702f52186ee"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0d757f667caaff5287cb8702f52186ee">&#9670;&#160;</a></span>Radiobox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Radiobox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a></td> <td class="paramname"><span class="paramname"><em>entries</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>selected</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; <a class="el" href="structftxui_1_1RadioboxOption.html">RadioboxOption</a> &gt;</td> <td class="paramname"><span class="paramname"><em>option</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>A list of element, where only one can be selected. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">entries</td><td>The list of entries in the list. </td></tr>
<tr><td class="paramname">selected</td><td>The index of the currently selected element. </td></tr>
<tr><td class="paramname">option</td><td>Additional optional parameters.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>RadioboxBase</dd></dl>
<h3><a class="anchor" id="autotoc_md26"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line">std::vector&lt;std::string&gt; entries = {</div>
<div class="line"> <span class="stringliteral">&quot;entry 1&quot;</span>,</div>
<div class="line"> <span class="stringliteral">&quot;entry 2&quot;</span>,</div>
<div class="line"> <span class="stringliteral">&quot;entry 3&quot;</span>,</div>
<div class="line">};</div>
<div class="line"><span class="keywordtype">int</span> selected = 0;</div>
<div class="line"><span class="keyword">auto</span> menu = <a class="code hl_function" href="#a0d757f667caaff5287cb8702f52186ee">Radiobox</a>(&amp;entries, &amp;selected);</div>
<div class="line">screen.Loop(menu);</div>
<div class="ttc" id="anamespaceftxui_html_a0d757f667caaff5287cb8702f52186ee"><div class="ttname"><a href="#a0d757f667caaff5287cb8702f52186ee">ftxui::Radiobox</a></div><div class="ttdeci">Component Radiobox(ConstStringListRef entries, int *selected_, Ref&lt; RadioboxOption &gt; option={})</div><div class="ttdoc">A list of element, where only one can be selected.</div><div class="ttdef"><b>Definition</b> <a href="radiobox_8cpp_source.html#l00211">radiobox.cpp:211</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md27"></a>
Output</h3>
<div class="fragment"><div class="line">◉ entry 1</div>
<div class="line">○ entry 2</div>
<div class="line">○ entry 3</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="radiobox_8cpp_source.html#l00211">211</a> of file <a class="el" href="radiobox_8cpp_source.html">radiobox.cpp</a>.</p>
</div>
</div>
<a id="a3537fccac66b07cd792874c9a6086811" name="a3537fccac66b07cd792874c9a6086811"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3537fccac66b07cd792874c9a6086811">&#9670;&#160;</a></span>Toggle()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Toggle </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a></td> <td class="paramname"><span class="paramname"><em>entries</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>selected</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>An horizontal list of elements. The user can navigate through them. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">entries</td><td>The list of selectable entries to display. </td></tr>
<tr><td class="paramname">selected</td><td>Reference the selected entry. </td></tr>
<tr><td class="paramname">See</td><td>also |Menu|. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="menu_8cpp_source.html#l00522">522</a> of file <a class="el" href="menu_8cpp_source.html">menu.cpp</a>.</p>
</div>
</div>
<a id="aa3558d992a72679e5e9c9c7b67abd727" name="aa3558d992a72679e5e9c9c7b67abd727"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa3558d992a72679e5e9c9c7b67abd727">&#9670;&#160;</a></span>Slider() <span class="overload">[1/14]</span></h2>
<div class="memitem">
<div class="memproto">
<div class="memtemplate">
template&lt;typename T &gt; </div>
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; T &gt;</td> <td class="paramname"><span class="paramname"><em>options</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A slider in any direction. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">option</td><td>The options </td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md42"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"><span class="keywordtype">int</span> value = 50;</div>
<div class="line"><span class="keyword">auto</span> slider = <a class="code hl_function" href="#aa3558d992a72679e5e9c9c7b67abd727">Slider</a>({</div>
<div class="line"> .value = &amp;value,</div>
<div class="line"> .min = 0,</div>
<div class="line"> .max = 100,</div>
<div class="line"> .increment= 20,</div>
<div class="line">});</div>
<div class="line">screen.Loop(slider);</div>
<div class="ttc" id="anamespaceftxui_html_aa3558d992a72679e5e9c9c7b67abd727"><div class="ttname"><a href="#aa3558d992a72679e5e9c9c7b67abd727">ftxui::Slider</a></div><div class="ttdeci">Component Slider(SliderOption&lt; T &gt; options={})</div><div class="ttdoc">A slider in any direction.</div><div class="ttdef"><b>Definition</b> <a href="slider_8cpp_source.html#l00326">slider.cpp:326</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="slider_8cpp_source.html#l00326">326</a> of file <a class="el" href="slider_8cpp_source.html">slider.cpp</a>.</p>
</div>
</div>
<a id="afdce74ff1421c2f1bda336c8dacefcbd" name="afdce74ff1421c2f1bda336c8dacefcbd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afdce74ff1421c2f1bda336c8dacefcbd">&#9670;&#160;</a></span>Slider() <span class="overload">[2/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>label</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; int &gt;</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; int &gt;</td> <td class="paramname"><span class="paramname"><em>min</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; int &gt;</td> <td class="paramname"><span class="paramname"><em>max</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; int &gt;</td> <td class="paramname"><span class="paramname"><em>increment</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>An horizontal slider. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">label</td><td>The name of the slider. </td></tr>
<tr><td class="paramname">value</td><td>The current value of the slider. </td></tr>
<tr><td class="paramname">min</td><td>The minimum value. </td></tr>
<tr><td class="paramname">max</td><td>The maximum value. </td></tr>
<tr><td class="paramname">increment</td><td>The increment when used by the cursor.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md40"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"><span class="keywordtype">int</span> value = 50;</div>
<div class="line"><span class="keyword">auto</span> slider = <a class="code hl_function" href="#aa3558d992a72679e5e9c9c7b67abd727">Slider</a>(<span class="stringliteral">&quot;Value:&quot;</span>, &amp;value, 0, 100, 1);</div>
<div class="line">screen.Loop(slider);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md41"></a>
Output</h3>
<div class="fragment"><div class="line">Value:[██████████████████████████ ]</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="slider_8cpp_source.html#l00269">269</a> of file <a class="el" href="slider_8cpp_source.html">slider.cpp</a>.</p>
</div>
</div>
<a id="a8bfa2757905a4fb50e0ec263976d1f96" name="a8bfa2757905a4fb50e0ec263976d1f96"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8bfa2757905a4fb50e0ec263976d1f96">&#9670;&#160;</a></span>Slider() <span class="overload">[3/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>label</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; float &gt;</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; float &gt;</td> <td class="paramname"><span class="paramname"><em>min</em></span><span class="paramdefsep"> = </span><span class="paramdefval">0.f</span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; float &gt;</td> <td class="paramname"><span class="paramname"><em>max</em></span><span class="paramdefsep"> = </span><span class="paramdefval">100.f</span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; float &gt;</td> <td class="paramname"><span class="paramname"><em>increment</em></span><span class="paramdefsep"> = </span><span class="paramdefval">5.f</span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="slider_8cpp_source.html#l00283">283</a> of file <a class="el" href="slider_8cpp_source.html">slider.cpp</a>.</p>
</div>
</div>
<a id="a716f90cf8329f130475f2cd1a33595b6" name="a716f90cf8329f130475f2cd1a33595b6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a716f90cf8329f130475f2cd1a33595b6">&#9670;&#160;</a></span>Slider() <span class="overload">[4/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>label</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; long &gt;</td> <td class="paramname"><span class="paramname"><em>value</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; long &gt;</td> <td class="paramname"><span class="paramname"><em>min</em></span><span class="paramdefsep"> = </span><span class="paramdefval">0l</span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; long &gt;</td> <td class="paramname"><span class="paramname"><em>max</em></span><span class="paramdefsep"> = </span><span class="paramdefval">100l</span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; long &gt;</td> <td class="paramname"><span class="paramname"><em>increment</em></span><span class="paramdefsep"> = </span><span class="paramdefval">5l</span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="slider_8cpp_source.html#l00296">296</a> of file <a class="el" href="slider_8cpp_source.html">slider.cpp</a>.</p>
</div>
</div>
<a id="ae2205fc172615b43e1e3307bb614be4c" name="ae2205fc172615b43e1e3307bb614be4c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae2205fc172615b43e1e3307bb614be4c">&#9670;&#160;</a></span>ResizableSplitLeft()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> ResizableSplitLeft </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>main</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>back</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>main_size</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>An horizontal split in between two components, configurable using the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">main</td><td>The main component of size |main_size|, on the left. </td></tr>
<tr><td class="paramname">back</td><td>The back component taking the remaining size, on the right. </td></tr>
<tr><td class="paramname">main_size</td><td>The size of the |main| component.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md32"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a53dc5c3030151713857cf1a898d0f897">ScreenInteractive::Fullscreen</a>();</div>
<div class="line"><span class="keywordtype">int</span> left_size = 10;</div>
<div class="line"><span class="keyword">auto</span> left = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Left&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> right = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;right&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> split = <a class="code hl_function" href="#ae2205fc172615b43e1e3307bb614be4c">ResizableSplitLeft</a>(left, right, &amp;left_size);</div>
<div class="line">screen.Loop(split);</div>
<div class="ttc" id="aclassftxui_1_1ScreenInteractive_html_a53dc5c3030151713857cf1a898d0f897"><div class="ttname"><a href="classftxui_1_1ScreenInteractive.html#a53dc5c3030151713857cf1a898d0f897">ftxui::ScreenInteractive::Fullscreen</a></div><div class="ttdeci">static ScreenInteractive Fullscreen()</div><div class="ttdef"><b>Definition</b> <a href="screen__interactive_8cpp_source.html#l00352">screen_interactive.cpp:352</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a533e883e2aeea28de2b60564fcaf0361"><div class="ttname"><a href="#a533e883e2aeea28de2b60564fcaf0361">ftxui::Renderer</a></div><div class="ttdeci">Component Renderer(Component child, std::function&lt; Element()&gt;)</div><div class="ttdoc">Return a new Component, similar to |child|, but using |render| as the Component::Render() event.</div><div class="ttdef"><b>Definition</b> <a href="renderer_8cpp_source.html#l00060">renderer.cpp:60</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a5b11656305fce8427b81daf1c35883f1"><div class="ttname"><a href="#a5b11656305fce8427b81daf1c35883f1">ftxui::center</a></div><div class="ttdeci">Element center(Element)</div><div class="ttdoc">Center an element horizontally and vertically.</div><div class="ttdef"><b>Definition</b> <a href="composite__decorator_8cpp_source.html#l00028">composite_decorator.cpp:28</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a75baaa2734ed76a9f478beaafa87ae57"><div class="ttname"><a href="#a75baaa2734ed76a9f478beaafa87ae57">ftxui::text</a></div><div class="ttdeci">Element text(std::wstring text)</div><div class="ttdoc">Display a piece of unicode text.</div><div class="ttdef"><b>Definition</b> <a href="text_8cpp_source.html#l00111">text.cpp:111</a></div></div>
<div class="ttc" id="anamespaceftxui_html_ae2205fc172615b43e1e3307bb614be4c"><div class="ttname"><a href="#ae2205fc172615b43e1e3307bb614be4c">ftxui::ResizableSplitLeft</a></div><div class="ttdeci">Component ResizableSplitLeft(Component main, Component back, int *main_size)</div><div class="ttdoc">An horizontal split in between two components, configurable using the mouse.</div><div class="ttdef"><b>Definition</b> <a href="resizable__split_8cpp_source.html#l00278">resizable_split.cpp:278</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md33"></a>
Output</h3>
<div class="fragment"><div class="line"></div>
<div class="line">left │ right</div>
<div class="line"></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="resizable__split_8cpp_source.html#l00278">278</a> of file <a class="el" href="resizable__split_8cpp_source.html">resizable_split.cpp</a>.</p>
</div>
</div>
<a id="a9030d0beb64f653603cab382b02750a8" name="a9030d0beb64f653603cab382b02750a8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9030d0beb64f653603cab382b02750a8">&#9670;&#160;</a></span>ResizableSplitRight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> ResizableSplitRight </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>main</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>back</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>main_size</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>An horizontal split in between two components, configurable using the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">main</td><td>The main component of size |main_size|, on the right. </td></tr>
<tr><td class="paramname">back</td><td>The back component taking the remaining size, on the left. </td></tr>
<tr><td class="paramname">main_size</td><td>The size of the |main| component.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md34"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a53dc5c3030151713857cf1a898d0f897">ScreenInteractive::Fullscreen</a>();</div>
<div class="line"><span class="keywordtype">int</span> right_size = 10;</div>
<div class="line"><span class="keyword">auto</span> left = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Left&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> right = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;right&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> split = <a class="code hl_function" href="#a9030d0beb64f653603cab382b02750a8">ResizableSplitRight</a>(right, left, &amp;right_size);</div>
<div class="line">screen.Loop(split);</div>
<div class="ttc" id="anamespaceftxui_html_a9030d0beb64f653603cab382b02750a8"><div class="ttname"><a href="#a9030d0beb64f653603cab382b02750a8">ftxui::ResizableSplitRight</a></div><div class="ttdeci">Component ResizableSplitRight(Component main, Component back, int *main_size)</div><div class="ttdoc">An horizontal split in between two components, configurable using the mouse.</div><div class="ttdef"><b>Definition</b> <a href="resizable__split_8cpp_source.html#l00308">resizable_split.cpp:308</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md35"></a>
Output</h3>
<div class="fragment"><div class="line"></div>
<div class="line">left │ right</div>
<div class="line"></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="resizable__split_8cpp_source.html#l00308">308</a> of file <a class="el" href="resizable__split_8cpp_source.html">resizable_split.cpp</a>.</p>
</div>
</div>
<a id="a238b4b650aca14716b82b2198695e008" name="a238b4b650aca14716b82b2198695e008"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a238b4b650aca14716b82b2198695e008">&#9670;&#160;</a></span>ResizableSplitTop()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> ResizableSplitTop </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>main</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>back</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>main_size</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>An vertical split in between two components, configurable using the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">main</td><td>The main component of size |main_size|, on the top. </td></tr>
<tr><td class="paramname">back</td><td>The back component taking the remaining size, on the bottom. </td></tr>
<tr><td class="paramname">main_size</td><td>The size of the |main| component.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md36"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a53dc5c3030151713857cf1a898d0f897">ScreenInteractive::Fullscreen</a>();</div>
<div class="line"><span class="keywordtype">int</span> top_size = 1;</div>
<div class="line"><span class="keyword">auto</span> top = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Top&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> bottom = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Bottom&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> split = <a class="code hl_function" href="#a238b4b650aca14716b82b2198695e008">ResizableSplitTop</a>(top, bottom, &amp;top_size);</div>
<div class="line">screen.Loop(split);</div>
<div class="ttc" id="anamespaceftxui_html_a238b4b650aca14716b82b2198695e008"><div class="ttname"><a href="#a238b4b650aca14716b82b2198695e008">ftxui::ResizableSplitTop</a></div><div class="ttdeci">Component ResizableSplitTop(Component main, Component back, int *main_size)</div><div class="ttdoc">An vertical split in between two components, configurable using the mouse.</div><div class="ttdef"><b>Definition</b> <a href="resizable__split_8cpp_source.html#l00338">resizable_split.cpp:338</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md37"></a>
Output</h3>
<div class="fragment"><div class="line"> top</div>
<div class="line">────────────</div>
<div class="line"> bottom</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="resizable__split_8cpp_source.html#l00338">338</a> of file <a class="el" href="resizable__split_8cpp_source.html">resizable_split.cpp</a>.</p>
</div>
</div>
<a id="acb75e6e61a021829893f7b57aeb7e3a2" name="acb75e6e61a021829893f7b57aeb7e3a2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#acb75e6e61a021829893f7b57aeb7e3a2">&#9670;&#160;</a></span>ResizableSplitBottom()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> ResizableSplitBottom </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>main</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>back</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int *</td> <td class="paramname"><span class="paramname"><em>main_size</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>An vertical split in between two components, configurable using the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">main</td><td>The main component of size |main_size|, on the bottom. </td></tr>
<tr><td class="paramname">back</td><td>The back component taking the remaining size, on the top. </td></tr>
<tr><td class="paramname">main_size</td><td>The size of the |main| component.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md38"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a53dc5c3030151713857cf1a898d0f897">ScreenInteractive::Fullscreen</a>();</div>
<div class="line"><span class="keywordtype">int</span> bottom_size = 1;</div>
<div class="line"><span class="keyword">auto</span> top = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Top&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> bottom = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Bottom&quot;</span>) | <a class="code hl_function" href="#a5b11656305fce8427b81daf1c35883f1">center</a>;});</div>
<div class="line"><span class="keyword">auto</span> split = ResizableSplit::Bottom(bottom, top, &amp;bottom_size);</div>
<div class="line">screen.Loop(split);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md39"></a>
Output</h3>
<div class="fragment"><div class="line"> top</div>
<div class="line">────────────</div>
<div class="line"> bottom</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="resizable__split_8cpp_source.html#l00368">368</a> of file <a class="el" href="resizable__split_8cpp_source.html">resizable_split.cpp</a>.</p>
</div>
</div>
<a id="a533e883e2aeea28de2b60564fcaf0361" name="a533e883e2aeea28de2b60564fcaf0361"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a533e883e2aeea28de2b60564fcaf0361">&#9670;&#160;</a></span>Renderer() <span class="overload">[1/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Renderer </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>()&gt;</td> <td class="paramname"><span class="paramname"><em>render</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Return a new Component, similar to |child|, but using |render| as the Component::Render() event. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The component to forward events to. </td></tr>
<tr><td class="paramname">render</td><td>The function drawing the interface.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md29"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line">std::string label = <span class="stringliteral">&quot;Click to quit&quot;</span>;</div>
<div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a>(&amp;label, screen.ExitLoopClosure());</div>
<div class="line"><span class="keyword">auto</span> renderer = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>(button, [&amp;] {</div>
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="#a552ba6d33b3c9bec586b99fba4c243ac">hbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;A button:&quot;</span>),</div>
<div class="line"> button-&gt;Render(),</div>
<div class="line"> });</div>
<div class="line">});</div>
<div class="line">screen.Loop(renderer);</div>
<div class="ttc" id="anamespaceftxui_html_a552ba6d33b3c9bec586b99fba4c243ac"><div class="ttname"><a href="#a552ba6d33b3c9bec586b99fba4c243ac">ftxui::hbox</a></div><div class="ttdeci">Element hbox(Elements)</div><div class="ttdoc">A container displaying elements horizontally one by one.</div><div class="ttdef"><b>Definition</b> <a href="hbox_8cpp_source.html#l00077">hbox.cpp:77</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="renderer_8cpp_source.html#l00060">60</a> of file <a class="el" href="renderer_8cpp_source.html">renderer.cpp</a>.</p>
</div>
</div>
<a id="af03d3df7243bf71bb1a73686628f7f2b" name="af03d3df7243bf71bb1a73686628f7f2b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af03d3df7243bf71bb1a73686628f7f2b">&#9670;&#160;</a></span>Renderer() <span class="overload">[2/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Renderer </td>
<td>(</td>
<td class="paramtype">std::function&lt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>()&gt;</td> <td class="paramname"><span class="paramname"><em>render</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Return a component, using |render| to render its interface. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">render</td><td>The function drawing the interface.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md28"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"><span class="keyword">auto</span> renderer = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] {</div>
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;My interface&quot;</span>);</div>
<div class="line">});</div>
<div class="line">screen.Loop(renderer);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="renderer_8cpp_source.html#l00028">28</a> of file <a class="el" href="renderer_8cpp_source.html">renderer.cpp</a>.</p>
</div>
</div>
<a id="a099cb57274a99396ee10f38acbfe62a7" name="a099cb57274a99396ee10f38acbfe62a7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a099cb57274a99396ee10f38acbfe62a7">&#9670;&#160;</a></span>Renderer() <span class="overload">[3/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Renderer </td>
<td>(</td>
<td class="paramtype">std::function&lt; <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a>(bool)&gt;</td> <td class="paramname"><span class="paramname"><em>render</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Return a focusable component, using |render| to render its interface. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">render</td><td>The function drawing the interface, taking a boolean telling whether the component is focused or not.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md30"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"><span class="keyword">auto</span> renderer = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] (<span class="keywordtype">bool</span> focused) {</div>
<div class="line"> <span class="keywordflow">if</span> (focused)</div>
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;My interface&quot;</span>) | <a class="code hl_function" href="#a672456b8f2091b615a30ff755418b37b">inverted</a>;</div>
<div class="line"> <span class="keywordflow">else</span></div>
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;My interface&quot;</span>);</div>
<div class="line">});</div>
<div class="line">screen.Loop(renderer);</div>
<div class="ttc" id="anamespaceftxui_html_a672456b8f2091b615a30ff755418b37b"><div class="ttname"><a href="#a672456b8f2091b615a30ff755418b37b">ftxui::inverted</a></div><div class="ttdeci">Element inverted(Element)</div><div class="ttdoc">Add a filter that will invert the foreground and the background colors.</div><div class="ttdef"><b>Definition</b> <a href="inverted_8cpp_source.html#l00029">inverted.cpp:29</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="renderer_8cpp_source.html#l00083">83</a> of file <a class="el" href="renderer_8cpp_source.html">renderer.cpp</a>.</p>
</div>
</div>
<a id="a41d63b7af41dee1570b54915821abd30" name="a41d63b7af41dee1570b54915821abd30"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a41d63b7af41dee1570b54915821abd30">&#9670;&#160;</a></span>Renderer() <span class="overload">[4/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> Renderer </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2d5012891073dbf196bfada5f702f382">ElementDecorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate a component, by decorating what it renders. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">decorator</td><td>the function modifying the element it renders.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md31"></a>
Example</h3>
<div class="fragment"><div class="line"> <span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"> <span class="keyword">auto</span> renderer = */</div>
<div class="line"><span class="comment">// Renderer([] { return text(&quot;Hello&quot;);)</span><span class="comment"></span></div>
<div class="line"><span class="comment">/** | Renderer(bold)</span></div>
<div class="line"><span class="comment"> | Renderer(inverted);</span></div>
<div class="line"><span class="comment"> screen.Loop(renderer);</span></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="renderer_8cpp_source.html#l00124">124</a> of file <a class="el" href="renderer_8cpp_source.html">renderer.cpp</a>.</p>
</div>
</div>
<a id="afa5872ba3f9889c7487e57e745e56857" name="afa5872ba3f9889c7487e57e745e56857"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afa5872ba3f9889c7487e57e745e56857">&#9670;&#160;</a></span>CatchEvent() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> CatchEvent </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; bool(<a class="el" href="structftxui_1_1Event.html">Event</a>)&gt;</td> <td class="paramname"><span class="paramname"><em></em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="ad2948235799c010c76c6de861c050c59" name="ad2948235799c010c76c6de861c050c59"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad2948235799c010c76c6de861c050c59">&#9670;&#160;</a></span>CatchEvent() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> CatchEvent </td>
<td>(</td>
<td class="paramtype">std::function&lt; bool(<a class="el" href="structftxui_1_1Event.html">Event</a>)&gt;</td> <td class="paramname"><span class="paramname"><em>on_event</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate a component, using |on_event| to catch events. This function must returns true when the event has been handled, false otherwise. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">on_event</td><td>The function drawing the interface.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md3"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"><span class="keyword">auto</span> renderer = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello world&quot;</span>); });</div>
<div class="line">renderer |= <a class="code hl_function" href="#afa5872ba3f9889c7487e57e745e56857">CatchEvent</a>([&amp;](Event event) {</div>
<div class="line"> <span class="keywordflow">if</span> (event == Event::Character(<span class="charliteral">&#39;q&#39;</span>)) {</div>
<div class="line"> screen.ExitLoopClosure()();</div>
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">true</span>;</div>
<div class="line"> }</div>
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">false</span>;</div>
<div class="line">});</div>
<div class="line">screen.Loop(renderer);</div>
<div class="ttc" id="anamespaceftxui_html_afa5872ba3f9889c7487e57e745e56857"><div class="ttname"><a href="#afa5872ba3f9889c7487e57e745e56857">ftxui::CatchEvent</a></div><div class="ttdeci">Component CatchEvent(Component child, std::function&lt; bool(Event)&gt;)</div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="catch__event_8cpp_source.html#l00079">79</a> of file <a class="el" href="catch__event_8cpp_source.html">catch_event.cpp</a>.</p>
</div>
</div>
<a id="a20b66a70c1cd4ff3f0ff571a4507d2b4" name="a20b66a70c1cd4ff3f0ff571a4507d2b4"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a20b66a70c1cd4ff3f0ff571a4507d2b4">&#9670;&#160;</a></span>Maybe() <span class="overload">[1/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Maybe </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const bool *</td> <td class="paramname"><span class="paramname"><em>show</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate a component |child|. It is shown only when |show| is true. @params child the compoennt to decorate. @params show a boolean. |child| is shown when |show| is true. </p>
<h3><a class="anchor" id="autotoc_md20"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> component = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([]{ <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello World!&quot;</span>); });</div>
<div class="line"><span class="keyword">auto</span> maybe_component = <a class="code hl_function" href="#a20b66a70c1cd4ff3f0ff571a4507d2b4">Maybe</a>(component, &amp;show);</div>
<div class="ttc" id="anamespaceftxui_html_a20b66a70c1cd4ff3f0ff571a4507d2b4"><div class="ttname"><a href="#a20b66a70c1cd4ff3f0ff571a4507d2b4">ftxui::Maybe</a></div><div class="ttdeci">Component Maybe(Component, const bool *show)</div><div class="ttdoc">Decorate a component |child|. It is shown only when |show| is true. @params child the compoennt to de...</div><div class="ttdef"><b>Definition</b> <a href="maybe_8cpp_source.html#l00067">maybe.cpp:67</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="maybe_8cpp_source.html#l00067">67</a> of file <a class="el" href="maybe_8cpp_source.html">maybe.cpp</a>.</p>
</div>
</div>
<a id="ac810d54ce70c21d3c7794a34feb85d1e" name="ac810d54ce70c21d3c7794a34feb85d1e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac810d54ce70c21d3c7794a34feb85d1e">&#9670;&#160;</a></span>Maybe() <span class="overload">[2/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Maybe </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; bool()&gt;</td> <td class="paramname"><span class="paramname"><em>show</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="maybe_8cpp_source.html#l00014">14</a> of file <a class="el" href="maybe_8cpp_source.html">maybe.cpp</a>.</p>
</div>
</div>
<a id="a83b6fd5e1524023722a7450f987f15d0" name="a83b6fd5e1524023722a7450f987f15d0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a83b6fd5e1524023722a7450f987f15d0">&#9670;&#160;</a></span>Maybe() <span class="overload">[3/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> Maybe </td>
<td>(</td>
<td class="paramtype">const bool *</td> <td class="paramname"><span class="paramname"><em>show</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate a component. It is shown only when |show| is true. @params show a boolean. |child| is shown when |show| is true. </p>
<h3><a class="anchor" id="autotoc_md21"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> component = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([]{ <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello World!&quot;</span>); });</div>
<div class="line"><span class="keyword">auto</span> maybe_component = component | <a class="code hl_function" href="#a20b66a70c1cd4ff3f0ff571a4507d2b4">Maybe</a>(&amp;show);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="maybe_8cpp_source.html#l00081">81</a> of file <a class="el" href="maybe_8cpp_source.html">maybe.cpp</a>.</p>
</div>
</div>
<a id="ae39ad8b223e6bb7704c77a3708571a7d" name="ae39ad8b223e6bb7704c77a3708571a7d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae39ad8b223e6bb7704c77a3708571a7d">&#9670;&#160;</a></span>Maybe() <span class="overload">[4/4]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> Maybe </td>
<td>(</td>
<td class="paramtype">std::function&lt; bool()&gt;</td> <td class="paramname"><span class="paramname"><em>show</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate a component. It is shown only when the |show| function returns true. @params show a function returning whether the decoratorated component should be shown. </p>
<h3><a class="anchor" id="autotoc_md19"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> component = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([]{ <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello World!&quot;</span>); });</div>
<div class="line"><span class="keyword">auto</span> maybe_component = component | <a class="code hl_function" href="#a20b66a70c1cd4ff3f0ff571a4507d2b4">Maybe</a>([&amp;]{ <span class="keywordflow">return</span> counter == 42; });</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="maybe_8cpp_source.html#l00050">50</a> of file <a class="el" href="maybe_8cpp_source.html">maybe.cpp</a>.</p>
</div>
</div>
<a id="a5185342fbba215496cb8a6805f36089c" name="a5185342fbba215496cb8a6805f36089c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5185342fbba215496cb8a6805f36089c">&#9670;&#160;</a></span>Modal() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Modal </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>main</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>modal</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const bool *</td> <td class="paramname"><span class="paramname"><em>show_modal</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="modal_8cpp_source.html#l00015">15</a> of file <a class="el" href="modal_8cpp_source.html">modal.cpp</a>.</p>
</div>
</div>
<a id="a5babae0bb25f8cada57784cc5d27fb74" name="a5babae0bb25f8cada57784cc5d27fb74"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5babae0bb25f8cada57784cc5d27fb74">&#9670;&#160;</a></span>Modal() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> Modal </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>modal</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const bool *</td> <td class="paramname"><span class="paramname"><em>show_modal</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="modal_8cpp_source.html#l00055">55</a> of file <a class="el" href="modal_8cpp_source.html">modal.cpp</a>.</p>
</div>
</div>
<a id="af75c40d83714ba0748a68d11ff5e25dd" name="af75c40d83714ba0748a68d11ff5e25dd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af75c40d83714ba0748a68d11ff5e25dd">&#9670;&#160;</a></span>Collapsible()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Collapsible </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a></td> <td class="paramname"><span class="paramname"><em>label</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Ref.html">Ref</a>&lt; bool &gt;</td> <td class="paramname"><span class="paramname"><em>show</em></span><span class="paramdefsep"> = </span><span class="paramdefval">false</span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a562d984d3830d63285643565cd55d16f" name="a562d984d3830d63285643565cd55d16f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a562d984d3830d63285643565cd55d16f">&#9670;&#160;</a></span>Hoverable() <span class="overload">[1/6]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Hoverable </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>component</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">bool *</td> <td class="paramname"><span class="paramname"><em>hover</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Wrap a component. Gives the ability to know if it is hovered by the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">component</td><td>The wrapped component. </td></tr>
<tr><td class="paramname">hover</td><td>The value to reflect whether the component is hovered or not.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md11"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a>(<span class="stringliteral">&quot;exit&quot;</span>, screen.ExitLoopClosure());</div>
<div class="line"><span class="keywordtype">bool</span> hover = <span class="keyword">false</span>;</div>
<div class="line"><span class="keyword">auto</span> button_hover = <a class="code hl_function" href="#a562d984d3830d63285643565cd55d16f">Hoverable</a>(button, &amp;hover);</div>
<div class="ttc" id="anamespaceftxui_html_a562d984d3830d63285643565cd55d16f"><div class="ttname"><a href="#a562d984d3830d63285643565cd55d16f">ftxui::Hoverable</a></div><div class="ttdeci">Component Hoverable(Component component, bool *hover)</div><div class="ttdoc">Wrap a component. Gives the ability to know if it is hovered by the mouse.</div><div class="ttdef"><b>Definition</b> <a href="hoverable_8cpp_source.html#l00041">hoverable.cpp:41</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hoverable_8cpp_source.html#l00041">41</a> of file <a class="el" href="hoverable_8cpp_source.html">hoverable.cpp</a>.</p>
</div>
</div>
<a id="a92ec2f5ccb509da2e2c24ae6a1f6b12b" name="a92ec2f5ccb509da2e2c24ae6a1f6b12b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a92ec2f5ccb509da2e2c24ae6a1f6b12b">&#9670;&#160;</a></span>Hoverable() <span class="overload">[2/6]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Hoverable </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>component</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; void()&gt;</td> <td class="paramname"><span class="paramname"><em>on_enter</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; void()&gt;</td> <td class="paramname"><span class="paramname"><em>on_leave</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Wrap a component. Gives the ability to know if it is hovered by the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">component</td><td>The wrapped component. </td></tr>
<tr><td class="paramname">hover</td><td>The value to reflect whether the component is hovered or not.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md12"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a>(<span class="stringliteral">&quot;exit&quot;</span>, screen.ExitLoopClosure());</div>
<div class="line"><span class="keywordtype">bool</span> hover = <span class="keyword">false</span>;</div>
<div class="line"><span class="keyword">auto</span> button_hover = <a class="code hl_function" href="#a562d984d3830d63285643565cd55d16f">Hoverable</a>(button, &amp;hover);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hoverable_8cpp_source.html#l00084">84</a> of file <a class="el" href="hoverable_8cpp_source.html">hoverable.cpp</a>.</p>
</div>
</div>
<a id="a91cac81077c483efdb952268aee9a523" name="a91cac81077c483efdb952268aee9a523"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a91cac81077c483efdb952268aee9a523">&#9670;&#160;</a></span>Hoverable() <span class="overload">[3/6]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Hoverable </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>component</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; void(bool)&gt;</td> <td class="paramname"><span class="paramname"><em>on_change</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Wrap a component. Gives the ability to know if it is hovered by the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">on_enter</td><td>is called when the mouse hover the component. </td></tr>
<tr><td class="paramname">on_leave</td><td>is called when the mouse leave the component.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md14"></a>
Example</h3>
<div class="fragment"><div class="line"> <span class="keyword">auto</span> button = <a class="code hl_function" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a>(<span class="stringliteral">&quot;exit&quot;</span>, screen.ExitLoopClosure());</div>
<div class="line"> <span class="keywordtype">int</span> on_enter_cnt = 0;</div>
<div class="line"> <span class="keywordtype">int</span> on_leave_cnt = 0;</div>
<div class="line"> button |= <a class="code hl_function" href="#a562d984d3830d63285643565cd55d16f">Hoverable</a>(</div>
<div class="line"> [&amp;]{ on_enter_cnt++; },</div>
<div class="line"> [&amp;]{ on_leave_cnt++; } */</div>
<div class="line"><span class="comment">// );</span></div>
<div class="line"><span class="comment">/// </span></div>
</div><!-- fragment --><p> // NOLINTNEXTLINE ComponentDecorator Hoverable(std::function&lt;void()&gt; on_enter, // NOLINTNEXTLINE std::function&lt;void()&gt; on_leave) { return [on_enter, on_leave](Component component) { return Hoverable(std::move(component), on_enter, on_leave); }; }</p>
<p>/** Wrap a component. Gives the ability to know if it is hovered by the mouse. </p><dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">component</td><td>the wrapped component. </td></tr>
<tr><td class="paramname">on_change</td><td>is called when the mouse enter or leave the component.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md15"></a>
Example</h3>
<p>```cpp auto button = Button("exit", screen.ExitLoopClosure()); bool hovered = false; auto button_hoverable = Hoverable(button, ``` </p>
<p class="definition">Definition at line <a class="el" href="hoverable_8cpp_source.html#l00186">186</a> of file <a class="el" href="hoverable_8cpp_source.html">hoverable.cpp</a>.</p>
</div>
</div>
<a id="a9d94b37352be13d3551a9d5785f75439" name="a9d94b37352be13d3551a9d5785f75439"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9d94b37352be13d3551a9d5785f75439">&#9670;&#160;</a></span>Hoverable() <span class="overload">[4/6]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> Hoverable </td>
<td>(</td>
<td class="paramtype">bool *</td> <td class="paramname"><span class="paramname"><em>hover</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Wrap a component. Gives the ability to know if it is hovered by the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">hover</td><td>The value to reflect whether the component is hovered or not.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md13"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keywordtype">bool</span> hover = <span class="keyword">false</span>;</div>
<div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a>(<span class="stringliteral">&quot;exit&quot;</span>, screen.ExitLoopClosure());</div>
<div class="line">button |= <a class="code hl_function" href="#a562d984d3830d63285643565cd55d16f">Hoverable</a>(&amp;hover);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hoverable_8cpp_source.html#l00139">139</a> of file <a class="el" href="hoverable_8cpp_source.html">hoverable.cpp</a>.</p>
</div>
</div>
<a id="a34adfc9c76cf3603156cba32ad5d7142" name="a34adfc9c76cf3603156cba32ad5d7142"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a34adfc9c76cf3603156cba32ad5d7142">&#9670;&#160;</a></span>Hoverable() <span class="overload">[5/6]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> Hoverable </td>
<td>(</td>
<td class="paramtype">std::function&lt; void()&gt;</td> <td class="paramname"><span class="paramname"><em>on_enter</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; void()&gt;</td> <td class="paramname"><span class="paramname"><em>on_leave</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="afd7cbaef5378a907111a64ee69aed56a" name="afd7cbaef5378a907111a64ee69aed56a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afd7cbaef5378a907111a64ee69aed56a">&#9670;&#160;</a></span>Hoverable() <span class="overload">[6/6]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af07b496fe512e3a4863ee546f19e9a6c">ComponentDecorator</a> Hoverable </td>
<td>(</td>
<td class="paramtype">std::function&lt; void(bool)&gt;</td> <td class="paramname"><span class="paramname"><em>on_change</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Wrap a component. Gives the ability to know if it is hovered by the mouse. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">on_change</td><td>is called when the mouse enter or leave the component.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md16"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a6910ffaa082c693603aafab4e7dddac3">Button</a>(<span class="stringliteral">&quot;exit&quot;</span>, screen.ExitLoopClosure());</div>
<div class="line"><span class="keywordtype">bool</span> hovered = <span class="keyword">false</span>;</div>
<div class="line">button |= <a class="code hl_function" href="#a562d984d3830d63285643565cd55d16f">Hoverable</a>([&amp;](<span class="keywordtype">bool</span> hover) { hovered = hover;});</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hoverable_8cpp_source.html#l00207">207</a> of file <a class="el" href="hoverable_8cpp_source.html">hoverable.cpp</a>.</p>
</div>
</div>
<a id="a57abe3e11733b1d3ebacc56692d3537c" name="a57abe3e11733b1d3ebacc56692d3537c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a57abe3e11733b1d3ebacc56692d3537c">&#9670;&#160;</a></span>MakeReceiver()</h2>
<div class="memitem">
<div class="memproto">
<div class="memtemplate">
template&lt;class T &gt; </div>
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a7abbe763f26611fbf3902861863b7659">Receiver</a>&lt; T &gt; MakeReceiver </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="receiver_8hpp_source.html#l00131">131</a> of file <a class="el" href="receiver_8hpp_source.html">receiver.hpp</a>.</p>
</div>
</div>
<a id="a75baaa2734ed76a9f478beaafa87ae57" name="a75baaa2734ed76a9f478beaafa87ae57"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a75baaa2734ed76a9f478beaafa87ae57">&#9670;&#160;</a></span>text() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> text </td>
<td>(</td>
<td class="paramtype">std::wstring</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Display a piece of unicode text. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a57429a83a46c643a81dee81e49384439" title="Convert a std::wstring into a UTF8 std::string.">ftxui::to_wstring</a></dd></dl>
<h3><a class="anchor" id="autotoc_md88"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(L<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
<div class="ttc" id="anamespaceftxui_html_a2bc31f2d685189e5c61d2293a1f51b4f"><div class="ttname"><a href="#a2bc31f2d685189e5c61d2293a1f51b4f">ftxui::Element</a></div><div class="ttdeci">std::shared_ptr&lt; Node &gt; Element</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00018">elements.hpp:18</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md89"></a>
Output</h3>
<div class="fragment"><div class="line">Hello world!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00111">111</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="a9f9f7485a45aa9d432726ca9845d1eac" name="a9f9f7485a45aa9d432726ca9845d1eac"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9f9f7485a45aa9d432726ca9845d1eac">&#9670;&#160;</a></span>vtext() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vtext </td>
<td>(</td>
<td class="paramtype">std::wstring</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Display a piece unicode text vertically. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a57429a83a46c643a81dee81e49384439" title="Convert a std::wstring into a UTF8 std::string.">ftxui::to_wstring</a></dd></dl>
<h3><a class="anchor" id="autotoc_md92"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a9f9f7485a45aa9d432726ca9845d1eac">vtext</a>(L<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
<div class="ttc" id="anamespaceftxui_html_a9f9f7485a45aa9d432726ca9845d1eac"><div class="ttname"><a href="#a9f9f7485a45aa9d432726ca9845d1eac">ftxui::vtext</a></div><div class="ttdeci">Element vtext(std::wstring text)</div><div class="ttdoc">Display a piece unicode text vertically.</div><div class="ttdef"><b>Definition</b> <a href="text_8cpp_source.html#l00171">text.cpp:171</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md93"></a>
Output</h3>
<div class="fragment"><div class="line">H</div>
<div class="line">e</div>
<div class="line">l</div>
<div class="line">l</div>
<div class="line">o</div>
<div class="line"> </div>
<div class="line">w</div>
<div class="line">o</div>
<div class="line">r</div>
<div class="line">l</div>
<div class="line">d</div>
<div class="line">!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00171">171</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="ac54cdd05db30871ce082a8fa650545da" name="ac54cdd05db30871ce082a8fa650545da"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac54cdd05db30871ce082a8fa650545da">&#9670;&#160;</a></span>paragraph() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> paragraph </td>
<td>(</td>
<td class="paramtype">std::wstring</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a7e9a69f0592b4013bd725d662f4a76e7" name="a7e9a69f0592b4013bd725d662f4a76e7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7e9a69f0592b4013bd725d662f4a76e7">&#9670;&#160;</a></span>operator|() <span class="overload">[3/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>element</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>From an element, apply a decorator. </p>
<dl class="section return"><dt>Returns</dt><dd>the decorated element.</dd></dl>
<h3><a class="anchor" id="autotoc_md95"></a>
Example</h3>
<p>Both of these are equivalent: </p><div class="fragment"><div class="line"><a class="code hl_function" href="#a353c769068e25303eb41fa2da565c604">bold</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>));</div>
<div class="ttc" id="anamespaceftxui_html_a353c769068e25303eb41fa2da565c604"><div class="ttname"><a href="#a353c769068e25303eb41fa2da565c604">ftxui::bold</a></div><div class="ttdeci">Element bold(Element)</div><div class="ttdoc">Use a bold font, for elements with more emphasis.</div><div class="ttdef"><b>Definition</b> <a href="bold_8cpp_source.html#l00028">bold.cpp:28</a></div></div>
</div><!-- fragment --> <div class="fragment"><div class="line"><a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>) | <a class="code hl_function" href="#a353c769068e25303eb41fa2da565c604">bold</a>;</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00068">68</a> of file <a class="el" href="dom_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a0be26ac5dcbe6c707857c791d8eec720" name="a0be26ac5dcbe6c707857c791d8eec720"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0be26ac5dcbe6c707857c791d8eec720">&#9670;&#160;</a></span>operator|=() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp; operator|= </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;</td> <td class="paramname"><span class="paramname"><em>e</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>d</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Apply a decorator to an element. </p>
<dl class="section return"><dt>Returns</dt><dd>the decorated element.</dd></dl>
<h3><a class="anchor" id="autotoc_md96"></a>
Example</h3>
<p>Both of these are equivalent: </p><div class="fragment"><div class="line"><span class="keyword">auto</span> element = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>);</div>
<div class="line">element |= <a class="code hl_function" href="#a353c769068e25303eb41fa2da565c604">bold</a>;</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00083">83</a> of file <a class="el" href="dom_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a6cbc84eb24a655ae084b3c7d26f9abfc" name="a6cbc84eb24a655ae084b3c7d26f9abfc"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6cbc84eb24a655ae084b3c7d26f9abfc">&#9670;&#160;</a></span>operator|() <span class="overload">[4/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>elements</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>decorator</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>From a set of element, apply a decorator to every elements. </p>
<dl class="section return"><dt>Returns</dt><dd>the set of decorated element. </dd></dl>
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00047">47</a> of file <a class="el" href="dom_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a027fbc9cf6fef9e86ae6a2a79e8bf23a" name="a027fbc9cf6fef9e86ae6a2a79e8bf23a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a027fbc9cf6fef9e86ae6a2a79e8bf23a">&#9670;&#160;</a></span>operator|() <span class="overload">[5/5]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> operator| </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>a</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a></td> <td class="paramname"><span class="paramname"><em>b</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Compose two decorator into one. </p>
<h3><a class="anchor" id="autotoc_md94"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> decorator = <a class="code hl_function" href="#a353c769068e25303eb41fa2da565c604">bold</a> | <a class="code hl_function" href="#ad57613de5895e774218d91dea48d074b">blink</a>;</div>
<div class="ttc" id="anamespaceftxui_html_ad57613de5895e774218d91dea48d074b"><div class="ttname"><a href="#ad57613de5895e774218d91dea48d074b">ftxui::blink</a></div><div class="ttdeci">Element blink(Element)</div><div class="ttdoc">The text drawn alternates in between visible and hidden.</div><div class="ttdef"><b>Definition</b> <a href="blink_8cpp_source.html#l00028">blink.cpp:28</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00039">39</a> of file <a class="el" href="dom_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a366051704fd333c23460f7932598a5e3" name="a366051704fd333c23460f7932598a5e3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a366051704fd333c23460f7932598a5e3">&#9670;&#160;</a></span>text() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> text </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Display a piece of UTF8 encoded unicode text. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a57429a83a46c643a81dee81e49384439" title="Convert a std::wstring into a UTF8 std::string.">ftxui::to_wstring</a></dd></dl>
<h3><a class="anchor" id="autotoc_md86"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md87"></a>
Output</h3>
<div class="fragment"><div class="line">Hello world!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00092">92</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="a64172a43b4b526afeb6313e6e1a6d5a1" name="a64172a43b4b526afeb6313e6e1a6d5a1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a64172a43b4b526afeb6313e6e1a6d5a1">&#9670;&#160;</a></span>vtext() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vtext </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Display a piece of unicode text vertically. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a57429a83a46c643a81dee81e49384439" title="Convert a std::wstring into a UTF8 std::string.">ftxui::to_wstring</a></dd></dl>
<h3><a class="anchor" id="autotoc_md90"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a9f9f7485a45aa9d432726ca9845d1eac">vtext</a>(<span class="stringliteral">&quot;Hello world!&quot;</span>);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md91"></a>
Output</h3>
<div class="fragment"><div class="line">H</div>
<div class="line">e</div>
<div class="line">l</div>
<div class="line">l</div>
<div class="line">o</div>
<div class="line"> </div>
<div class="line">w</div>
<div class="line">o</div>
<div class="line">r</div>
<div class="line">l</div>
<div class="line">d</div>
<div class="line">!</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00141">141</a> of file <a class="el" href="text_8cpp_source.html">text.cpp</a>.</p>
</div>
</div>
<a id="ac1ef1cf6bf7cd0759ffa195071edb2a0" name="ac1ef1cf6bf7cd0759ffa195071edb2a0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac1ef1cf6bf7cd0759ffa195071edb2a0">&#9670;&#160;</a></span>separator() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separator </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a vertical or horizontal separation in between two other elements. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b" title="Draw a vertical or horizontal separation in between two other elements, using the EMPTY style.">separatorEmpty</a> </dd>
<dd>
separatorRounded </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a> </dd>
<dd>
<a class="el" href="#a97a10482d591aade2958da0f2f19b371" title="Draw a vertical or horizontal separation in between two other elements.">separatorCharacter</a></dd></dl>
<p>Add a visual separation in between two elements.</p>
<h3><a class="anchor" id="autotoc_md68"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_ac1ef1cf6bf7cd0759ffa195071edb2a0"><div class="ttname"><a href="#ac1ef1cf6bf7cd0759ffa195071edb2a0">ftxui::separator</a></div><div class="ttdeci">Element separator()</div><div class="ttdoc">Draw a vertical or horizontal separation in between two other elements.</div><div class="ttdef"><b>Definition</b> <a href="separator_8cpp_source.html#l00128">separator.cpp:128</a></div></div>
<div class="ttc" id="anamespaceftxui_html_afd28058f0ccbbdf34691a85a7cc9b2e3"><div class="ttname"><a href="#afd28058f0ccbbdf34691a85a7cc9b2e3">ftxui::vbox</a></div><div class="ttdeci">Element vbox(Elements)</div><div class="ttdoc">A container displaying elements vertically one by one.</div><div class="ttdef"><b>Definition</b> <a href="vbox_8cpp_source.html#l00078">vbox.cpp:78</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md69"></a>
Output</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">────</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00128">128</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a37c2b93daf557f68064bc9fbf93ebde0" name="a37c2b93daf557f68064bc9fbf93ebde0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a37c2b93daf557f68064bc9fbf93ebde0">&#9670;&#160;</a></span>separatorLight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorLight </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a vertical or horizontal separation in between two other elements, using the LIGHT style. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b" title="Draw a vertical or horizontal separation in between two other elements, using the EMPTY style.">separatorEmpty</a> </dd>
<dd>
separatorRounded </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a> </dd>
<dd>
<a class="el" href="#a97a10482d591aade2958da0f2f19b371" title="Draw a vertical or horizontal separation in between two other elements.">separatorCharacter</a></dd></dl>
<p>Add a visual separation in between two elements.</p>
<h3><a class="anchor" id="autotoc_md72"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a37c2b93daf557f68064bc9fbf93ebde0">separatorLight</a>(),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_a37c2b93daf557f68064bc9fbf93ebde0"><div class="ttname"><a href="#a37c2b93daf557f68064bc9fbf93ebde0">ftxui::separatorLight</a></div><div class="ttdeci">Element separatorLight()</div><div class="ttdoc">Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.</div><div class="ttdef"><b>Definition</b> <a href="separator_8cpp_source.html#l00201">separator.cpp:201</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md73"></a>
Output</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">────</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00201">201</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="af0649e89a9960f1c2703e48c1817645b" name="af0649e89a9960f1c2703e48c1817645b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af0649e89a9960f1c2703e48c1817645b">&#9670;&#160;</a></span>separatorHeavy()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorHeavy </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a vertical or horizontal separation in between two other elements, using the HEAVY style. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b" title="Draw a vertical or horizontal separation in between two other elements, using the EMPTY style.">separatorEmpty</a> </dd>
<dd>
separatorRounded </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a> </dd>
<dd>
<a class="el" href="#a97a10482d591aade2958da0f2f19b371" title="Draw a vertical or horizontal separation in between two other elements.">separatorCharacter</a></dd></dl>
<p>Add a visual separation in between two elements.</p>
<h3><a class="anchor" id="autotoc_md74"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#af0649e89a9960f1c2703e48c1817645b">separatorHeavy</a>(),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_af0649e89a9960f1c2703e48c1817645b"><div class="ttname"><a href="#af0649e89a9960f1c2703e48c1817645b">ftxui::separatorHeavy</a></div><div class="ttdeci">Element separatorHeavy()</div><div class="ttdoc">Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.</div><div class="ttdef"><b>Definition</b> <a href="separator_8cpp_source.html#l00237">separator.cpp:237</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md75"></a>
Output</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">━━━━</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00237">237</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="add376830fdb51b0bf52672ef17515989" name="add376830fdb51b0bf52672ef17515989"></a>
<h2 class="memtitle"><span class="permalink"><a href="#add376830fdb51b0bf52672ef17515989">&#9670;&#160;</a></span>separatorDouble()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorDouble </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b" title="Draw a vertical or horizontal separation in between two other elements, using the EMPTY style.">separatorEmpty</a> </dd>
<dd>
separatorRounded </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a> </dd>
<dd>
<a class="el" href="#a97a10482d591aade2958da0f2f19b371" title="Draw a vertical or horizontal separation in between two other elements.">separatorCharacter</a></dd></dl>
<p>Add a visual separation in between two elements.</p>
<h3><a class="anchor" id="autotoc_md76"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#add376830fdb51b0bf52672ef17515989">separatorDouble</a>(),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_add376830fdb51b0bf52672ef17515989"><div class="ttname"><a href="#add376830fdb51b0bf52672ef17515989">ftxui::separatorDouble</a></div><div class="ttdeci">Element separatorDouble()</div><div class="ttdoc">Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.</div><div class="ttdef"><b>Definition</b> <a href="separator_8cpp_source.html#l00273">separator.cpp:273</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md77"></a>
Output</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">════</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00273">273</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a1934703e56ab66f6f259b9f8da331f1b" name="a1934703e56ab66f6f259b9f8da331f1b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1934703e56ab66f6f259b9f8da331f1b">&#9670;&#160;</a></span>separatorEmpty()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorEmpty </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a vertical or horizontal separation in between two other elements, using the EMPTY style. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b" title="Draw a vertical or horizontal separation in between two other elements, using the EMPTY style.">separatorEmpty</a> </dd>
<dd>
separatorRounded </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a> </dd>
<dd>
<a class="el" href="#a97a10482d591aade2958da0f2f19b371" title="Draw a vertical or horizontal separation in between two other elements.">separatorCharacter</a></dd></dl>
<p>Add a visual separation in between two elements.</p>
<h3><a class="anchor" id="autotoc_md78"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md79"></a>
Output</h3>
<div class="fragment"><div class="line">up</div>
<div class="line"> </div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00309">309</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a13cb559cfc7e409b3f211f0bb35ea7fa" name="a13cb559cfc7e409b3f211f0bb35ea7fa"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a13cb559cfc7e409b3f211f0bb35ea7fa">&#9670;&#160;</a></span>separatorStyled()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorStyled </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td> <td class="paramname"><span class="paramname"><em>style</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a vertical or horizontal separation in between two other elements. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">style</td><td>the style of the separator.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b" title="Draw a vertical or horizontal separation in between two other elements, using the EMPTY style.">separatorEmpty</a> </dd>
<dd>
separatorRounded </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a> </dd>
<dd>
<a class="el" href="#a97a10482d591aade2958da0f2f19b371" title="Draw a vertical or horizontal separation in between two other elements.">separatorCharacter</a></dd></dl>
<p>Add a visual separation in between two elements.</p>
<h3><a class="anchor" id="autotoc_md70"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a13cb559cfc7e409b3f211f0bb35ea7fa">separatorStyled</a>(<a class="code hl_enumvalue" href="#afe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">DOUBLE</a>),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_a13cb559cfc7e409b3f211f0bb35ea7fa"><div class="ttname"><a href="#a13cb559cfc7e409b3f211f0bb35ea7fa">ftxui::separatorStyled</a></div><div class="ttdeci">Element separatorStyled(BorderStyle)</div><div class="ttdoc">Draw a vertical or horizontal separation in between two other elements.</div><div class="ttdef"><b>Definition</b> <a href="separator_8cpp_source.html#l00165">separator.cpp:165</a></div></div>
<div class="ttc" id="anamespaceftxui_html_afe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92"><div class="ttname"><a href="#afe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">ftxui::DOUBLE</a></div><div class="ttdeci">@ DOUBLE</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00023">elements.hpp:23</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md71"></a>
Output</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">════</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00165">165</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a71d9a6a32f65b6d172f9696b3b9579b4" name="a71d9a6a32f65b6d172f9696b3b9579b4"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a71d9a6a32f65b6d172f9696b3b9579b4">&#9670;&#160;</a></span>separator() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separator </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1Pixel.html">Pixel</a></td> <td class="paramname"><span class="paramname"><em>pixel</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a separator in between two element filled with a given pixel. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a></dd></dl>
<h3><a class="anchor" id="autotoc_md82"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_struct" href="structftxui_1_1Pixel.html">Pixel</a> empty;</div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(empty),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Down&quot;</span>),</div>
<div class="line">})</div>
<div class="ttc" id="astructftxui_1_1Pixel_html"><div class="ttname"><a href="structftxui_1_1Pixel.html">ftxui::Pixel</a></div><div class="ttdoc">A unicode character and its associated style.</div><div class="ttdef"><b>Definition</b> <a href="screen_8hpp_source.html#l00016">screen.hpp:16</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md83"></a>
Output</h3>
<div class="fragment"><div class="line">Up</div>
<div class="line"> </div>
<div class="line">Down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00376">376</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a97a10482d591aade2958da0f2f19b371" name="a97a10482d591aade2958da0f2f19b371"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a97a10482d591aade2958da0f2f19b371">&#9670;&#160;</a></span>separatorCharacter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorCharacter </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>value</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a vertical or horizontal separation in between two other elements. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">value</td><td>the character to fill the separator area.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0" title="Draw a vertical or horizontal separation in between two other elements.">separator</a> </dd>
<dd>
<a class="el" href="#a37c2b93daf557f68064bc9fbf93ebde0" title="Draw a vertical or horizontal separation in between two other elements, using the LIGHT style.">separatorLight</a> </dd>
<dd>
<a class="el" href="#add376830fdb51b0bf52672ef17515989" title="Draw a vertical or horizontal separation in between two other elements, using the DOUBLE style.">separatorDouble</a> </dd>
<dd>
<a class="el" href="#af0649e89a9960f1c2703e48c1817645b" title="Draw a vertical or horizontal separation in between two other elements, using the HEAVY style.">separatorHeavy</a> </dd>
<dd>
<a class="el" href="#a1934703e56ab66f6f259b9f8da331f1b" title="Draw a vertical or horizontal separation in between two other elements, using the EMPTY style.">separatorEmpty</a> </dd>
<dd>
separatorRounded </dd>
<dd>
<a class="el" href="#a13cb559cfc7e409b3f211f0bb35ea7fa" title="Draw a vertical or horizontal separation in between two other elements.">separatorStyled</a> </dd>
<dd>
<a class="el" href="#a97a10482d591aade2958da0f2f19b371" title="Draw a vertical or horizontal separation in between two other elements.">separatorCharacter</a></dd></dl>
<p>Add a visual separation in between two elements.</p>
<h3><a class="anchor" id="autotoc_md80"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#ac1ef1cf6bf7cd0759ffa195071edb2a0">separator</a>(),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;down&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md81"></a>
Output</h3>
<div class="fragment"><div class="line">up</div>
<div class="line">────</div>
<div class="line">down</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00346">346</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a50413065cee4757447b35c3a500667d3" name="a50413065cee4757447b35c3a500667d3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a50413065cee4757447b35c3a500667d3">&#9670;&#160;</a></span>separatorHSelector()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorHSelector </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>left</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>right</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>unselected_color</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>selected_color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw an horizontal bar, with the area in between left/right colored differently. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">left</td><td>the left limit of the active area. </td></tr>
<tr><td class="paramname">right</td><td>the right limit of the active area. </td></tr>
<tr><td class="paramname">selected_color</td><td>the color of the selected area. </td></tr>
<tr><td class="paramname">unselected_color</td><td>the color of the unselected area.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md84"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a50413065cee4757447b35c3a500667d3">separatorHSelector</a>(2,5, <a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">Color::White</a>, <a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>);</div>
<div class="ttc" id="aclassftxui_1_1Color_html_ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094"><div class="ttname"><a href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">ftxui::Color::White</a></div><div class="ttdeci">@ White</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00056">color.hpp:56</a></div></div>
<div class="ttc" id="aclassftxui_1_1Color_html_ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8"><div class="ttname"><a href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">ftxui::Color::Blue</a></div><div class="ttdeci">@ Blue</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00045">color.hpp:45</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a50413065cee4757447b35c3a500667d3"><div class="ttname"><a href="#a50413065cee4757447b35c3a500667d3">ftxui::separatorHSelector</a></div><div class="ttdeci">Element separatorHSelector(float left, float right, Color unselected_color, Color selected_color)</div><div class="ttdoc">Draw an horizontal bar, with the area in between left/right colored differently.</div><div class="ttdef"><b>Definition</b> <a href="separator_8cpp_source.html#l00392">separator.cpp:392</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00392">392</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a1a0211233bacd4eb4d31a8e3d58b5f48" name="a1a0211233bacd4eb4d31a8e3d58b5f48"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1a0211233bacd4eb4d31a8e3d58b5f48">&#9670;&#160;</a></span>separatorVSelector()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorVSelector </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>up</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>down</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>unselected_color</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>selected_color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw an vertical bar, with the area in between up/downcolored differently. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">up</td><td>the left limit of the active area. </td></tr>
<tr><td class="paramname">down</td><td>the right limit of the active area. </td></tr>
<tr><td class="paramname">selected_color</td><td>the color of the selected area. </td></tr>
<tr><td class="paramname">unselected_color</td><td>the color of the unselected area.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md85"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a50413065cee4757447b35c3a500667d3">separatorHSelector</a>(2,5, <a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fab548046646b36c12aa6ba841de500094">Color::White</a>, <a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00462">462</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="ae0b8041a60629fd790716038738c93ce" name="ae0b8041a60629fd790716038738c93ce"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae0b8041a60629fd790716038738c93ce">&#9670;&#160;</a></span>gauge()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gauge </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a high definition progress bar. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>The proportion of the area to be filled. Belong to [0,1].</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md67"></a>
Example</h3>
<p>A gauge. It can be used to represent a progress bar. </p><div class="fragment"><div class="line"><a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#ae0b8041a60629fd790716038738c93ce">gauge</a>(0.5))</div>
<div class="ttc" id="anamespaceftxui_html_ae0b8041a60629fd790716038738c93ce"><div class="ttname"><a href="#ae0b8041a60629fd790716038738c93ce">ftxui::gauge</a></div><div class="ttdeci">Element gauge(float progress)</div><div class="ttdoc">Draw a high definition progress bar.</div><div class="ttdef"><b>Definition</b> <a href="gauge_8cpp_source.html#l00286">gauge.cpp:286</a></div></div>
<div class="ttc" id="anamespaceftxui_html_ae8537acd423d47cf07e61bd774fb1098"><div class="ttname"><a href="#ae8537acd423d47cf07e61bd774fb1098">ftxui::border</a></div><div class="ttdeci">Element border(Element)</div><div class="ttdoc">Draw a border around the element.</div><div class="ttdef"><b>Definition</b> <a href="border_8cpp_source.html#l00200">border.cpp:200</a></div></div>
</div><!-- fragment --><h4>Output</h4>
<div class="fragment"><div class="line">┌──────────────────────────────────────────────────────────────────────────┐</div>
<div class="line">│█████████████████████████████████████ │</div>
<div class="line">└──────────────────────────────────────────────────────────────────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="gauge_8cpp_source.html#l00286">286</a> of file <a class="el" href="gauge_8cpp_source.html">gauge.cpp</a>.</p>
</div>
</div>
<a id="a97898b9f77b3edd330eaef22fce7cf2b" name="a97898b9f77b3edd330eaef22fce7cf2b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a97898b9f77b3edd330eaef22fce7cf2b">&#9670;&#160;</a></span>gaugeLeft()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeLeft </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a high definition progress bar progressing from right to left. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>The proportion of the area to be filled. Belong to [0,1].</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md64"></a>
Example</h3>
<p>A gauge. It can be used to represent a progress bar. </p><div class="fragment"><div class="line"><a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#a97898b9f77b3edd330eaef22fce7cf2b">gaugeLeft</a>(0.5))</div>
<div class="ttc" id="anamespaceftxui_html_a97898b9f77b3edd330eaef22fce7cf2b"><div class="ttname"><a href="#a97898b9f77b3edd330eaef22fce7cf2b">ftxui::gaugeLeft</a></div><div class="ttdeci">Element gaugeLeft(float progress)</div><div class="ttdoc">Draw a high definition progress bar progressing from right to left.</div><div class="ttdef"><b>Definition</b> <a href="gauge_8cpp_source.html#l00206">gauge.cpp:206</a></div></div>
</div><!-- fragment --><h4>Output</h4>
<div class="fragment"><div class="line">┌──────────────────────────────────────────────────────────────────────────┐</div>
<div class="line">│ █████████████████████████████████████│</div>
<div class="line">└──────────────────────────────────────────────────────────────────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="gauge_8cpp_source.html#l00206">206</a> of file <a class="el" href="gauge_8cpp_source.html">gauge.cpp</a>.</p>
</div>
</div>
<a id="a333d781a44885ed4b5ea8444015b86f7" name="a333d781a44885ed4b5ea8444015b86f7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a333d781a44885ed4b5ea8444015b86f7">&#9670;&#160;</a></span>gaugeRight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeRight </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a high definition progress bar progressing from left to right. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>The proportion of the area to be filled. Belong to [0,1].</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md63"></a>
Example</h3>
<p>A gauge. It can be used to represent a progress bar. </p><div class="fragment"><div class="line"><a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#a333d781a44885ed4b5ea8444015b86f7">gaugeRight</a>(0.5))</div>
<div class="ttc" id="anamespaceftxui_html_a333d781a44885ed4b5ea8444015b86f7"><div class="ttname"><a href="#a333d781a44885ed4b5ea8444015b86f7">ftxui::gaugeRight</a></div><div class="ttdeci">Element gaugeRight(float progress)</div><div class="ttdoc">Draw a high definition progress bar progressing from left to right.</div><div class="ttdef"><b>Definition</b> <a href="gauge_8cpp_source.html#l00184">gauge.cpp:184</a></div></div>
</div><!-- fragment --><h4>Output</h4>
<div class="fragment"><div class="line">┌──────────────────────────────────────────────────────────────────────────┐</div>
<div class="line">│█████████████████████████████████████ │</div>
<div class="line">└──────────────────────────────────────────────────────────────────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="gauge_8cpp_source.html#l00184">184</a> of file <a class="el" href="gauge_8cpp_source.html">gauge.cpp</a>.</p>
</div>
</div>
<a id="a6e9a97b66c14404a2b3f95f4dae414c2" name="a6e9a97b66c14404a2b3f95f4dae414c2"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6e9a97b66c14404a2b3f95f4dae414c2">&#9670;&#160;</a></span>gaugeUp()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeUp </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a high definition progress bar progressing from bottom to top. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>The proportion of the area to be filled. Belong to [0,1].</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md65"></a>
Example</h3>
<p>A gauge. It can be used to represent a progress bar. </p><div class="fragment"><div class="line"><a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#a6e9a97b66c14404a2b3f95f4dae414c2">gaugeUp</a>(0.5))</div>
<div class="ttc" id="anamespaceftxui_html_a6e9a97b66c14404a2b3f95f4dae414c2"><div class="ttname"><a href="#a6e9a97b66c14404a2b3f95f4dae414c2">ftxui::gaugeUp</a></div><div class="ttdeci">Element gaugeUp(float progress)</div><div class="ttdoc">Draw a high definition progress bar progressing from bottom to top.</div><div class="ttdef"><b>Definition</b> <a href="gauge_8cpp_source.html#l00235">gauge.cpp:235</a></div></div>
</div><!-- fragment --><h4>Output</h4>
<div class="fragment"><div class="line">┌─┐</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">└─┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="gauge_8cpp_source.html#l00235">235</a> of file <a class="el" href="gauge_8cpp_source.html">gauge.cpp</a>.</p>
</div>
</div>
<a id="afe537f915cac5613261580bae3a8fe33" name="afe537f915cac5613261580bae3a8fe33"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afe537f915cac5613261580bae3a8fe33">&#9670;&#160;</a></span>gaugeDown()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeDown </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a high definition progress bar progressing from top to bottom. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>The proportion of the area to be filled. Belong to [0,1].</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md66"></a>
Example</h3>
<p>A gauge. It can be used to represent a progress bar. </p><div class="fragment"><div class="line"><a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#afe537f915cac5613261580bae3a8fe33">gaugeDown</a>(0.5))</div>
<div class="ttc" id="anamespaceftxui_html_afe537f915cac5613261580bae3a8fe33"><div class="ttname"><a href="#afe537f915cac5613261580bae3a8fe33">ftxui::gaugeDown</a></div><div class="ttdeci">Element gaugeDown(float progress)</div><div class="ttdoc">Draw a high definition progress bar progressing from top to bottom.</div><div class="ttdef"><b>Definition</b> <a href="gauge_8cpp_source.html#l00264">gauge.cpp:264</a></div></div>
</div><!-- fragment --><h4>Output</h4>
<div class="fragment"><div class="line">┌─┐</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│█│</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">│ │</div>
<div class="line">└─┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="gauge_8cpp_source.html#l00264">264</a> of file <a class="el" href="gauge_8cpp_source.html">gauge.cpp</a>.</p>
</div>
</div>
<a id="ae554f6d15b73507ada5913662a32165a" name="ae554f6d15b73507ada5913662a32165a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae554f6d15b73507ada5913662a32165a">&#9670;&#160;</a></span>gaugeDirection()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gaugeDirection </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>progress</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#ab248d738d6a6c07a3b5d760e31f78aa0">GaugeDirection</a></td> <td class="paramname"><span class="paramname"><em>direction</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a high definition progress bar progressing in specified direction. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">progress</td><td>The proportion of the area to be filled. Belong to [0,1]. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="gauge_8cpp_source.html#l00162">162</a> of file <a class="el" href="gauge_8cpp_source.html">gauge.cpp</a>.</p>
</div>
</div>
<a id="ae8537acd423d47cf07e61bd774fb1098" name="ae8537acd423d47cf07e61bd774fb1098"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae8537acd423d47cf07e61bd774fb1098">&#9670;&#160;</a></span>border()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> border </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a border around the element. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd>
<dd>
<a class="el" href="#aa074cdab57eeb47b99f1699bcc8addd8" title="Draw a light border around the element.">borderLight</a> </dd>
<dd>
<a class="el" href="#a052b504344f3bc1ff86b3493cd934215" title="Draw a double border around the element.">borderDouble</a> </dd>
<dd>
<a class="el" href="#a666c31419cc31cdadc9f8178ed63529e" title="Draw a heavy border around the element.">borderHeavy</a> </dd>
<dd>
<a class="el" href="#af20f7d6fb275d109f0bdc01a2e4d3f3e" title="Draw an empty border around the element.">borderEmpty</a> </dd>
<dd>
<a class="el" href="#a3cf2db223a5efaa370f0ca6bb405b80e" title="Draw a rounded border around the element.">borderRounded</a></dd></dl>
<p>Add a border around an element</p>
<h3><a class="anchor" id="autotoc_md43"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;border&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...Or as a &#39;pipe&#39;.</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>;</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md44"></a>
Output</h3>
<div class="fragment"><div class="line">┌───────────┐</div>
<div class="line">│The element│</div>
<div class="line">└───────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00200">200</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="aa074cdab57eeb47b99f1699bcc8addd8" name="aa074cdab57eeb47b99f1699bcc8addd8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa074cdab57eeb47b99f1699bcc8addd8">&#9670;&#160;</a></span>borderLight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderLight </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a light border around the element. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd>
<dd>
<a class="el" href="#aa074cdab57eeb47b99f1699bcc8addd8" title="Draw a light border around the element.">borderLight</a> </dd>
<dd>
<a class="el" href="#a052b504344f3bc1ff86b3493cd934215" title="Draw a double border around the element.">borderDouble</a> </dd>
<dd>
<a class="el" href="#a666c31419cc31cdadc9f8178ed63529e" title="Draw a heavy border around the element.">borderHeavy</a> </dd>
<dd>
<a class="el" href="#a3cf2db223a5efaa370f0ca6bb405b80e" title="Draw a rounded border around the element.">borderRounded</a> </dd>
<dd>
<a class="el" href="#af20f7d6fb275d109f0bdc01a2e4d3f3e" title="Draw an empty border around the element.">borderEmpty</a> </dd>
<dd>
<a class="el" href="#abc9db79957d4dd36deb8ca79938e4c41" title="Same as border but with different styles.">borderStyled</a> </dd>
<dd>
<a class="el" href="#aa97cfcfbe6df92dac085454395ec7b2f" title="Same as border but with a constant Pixel around the element.">borderWith</a></dd></dl>
<p>Add a border around an element</p>
<h3><a class="anchor" id="autotoc_md45"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;borderLight&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#aa074cdab57eeb47b99f1699bcc8addd8">borderLight</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...Or as a &#39;pipe&#39;.</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#aa074cdab57eeb47b99f1699bcc8addd8">borderLight</a>;</div>
<div class="ttc" id="anamespaceftxui_html_aa074cdab57eeb47b99f1699bcc8addd8"><div class="ttname"><a href="#aa074cdab57eeb47b99f1699bcc8addd8">ftxui::borderLight</a></div><div class="ttdeci">Element borderLight(Element)</div><div class="ttdoc">Draw a light border around the element.</div><div class="ttdef"><b>Definition</b> <a href="border_8cpp_source.html#l00252">border.cpp:252</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md46"></a>
Output</h3>
<div class="fragment"><div class="line">┌──────────────┐</div>
<div class="line">│The element │</div>
<div class="line">└──────────────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00252">252</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a666c31419cc31cdadc9f8178ed63529e" name="a666c31419cc31cdadc9f8178ed63529e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a666c31419cc31cdadc9f8178ed63529e">&#9670;&#160;</a></span>borderHeavy()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderHeavy </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a heavy border around the element. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd>
<dd>
<a class="el" href="#aa074cdab57eeb47b99f1699bcc8addd8" title="Draw a light border around the element.">borderLight</a> </dd>
<dd>
<a class="el" href="#a052b504344f3bc1ff86b3493cd934215" title="Draw a double border around the element.">borderDouble</a> </dd>
<dd>
<a class="el" href="#a666c31419cc31cdadc9f8178ed63529e" title="Draw a heavy border around the element.">borderHeavy</a> </dd>
<dd>
<a class="el" href="#a3cf2db223a5efaa370f0ca6bb405b80e" title="Draw a rounded border around the element.">borderRounded</a> </dd>
<dd>
<a class="el" href="#af20f7d6fb275d109f0bdc01a2e4d3f3e" title="Draw an empty border around the element.">borderEmpty</a> </dd>
<dd>
<a class="el" href="#abc9db79957d4dd36deb8ca79938e4c41" title="Same as border but with different styles.">borderStyled</a> </dd>
<dd>
<a class="el" href="#aa97cfcfbe6df92dac085454395ec7b2f" title="Same as border but with a constant Pixel around the element.">borderWith</a></dd></dl>
<p>Add a border around an element</p>
<h3><a class="anchor" id="autotoc_md47"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;borderHeavy&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a666c31419cc31cdadc9f8178ed63529e">borderHeavy</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...Or as a &#39;pipe&#39;.</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#a666c31419cc31cdadc9f8178ed63529e">borderHeavy</a>;</div>
<div class="ttc" id="anamespaceftxui_html_a666c31419cc31cdadc9f8178ed63529e"><div class="ttname"><a href="#a666c31419cc31cdadc9f8178ed63529e">ftxui::borderHeavy</a></div><div class="ttdeci">Element borderHeavy(Element)</div><div class="ttdoc">Draw a heavy border around the element.</div><div class="ttdef"><b>Definition</b> <a href="border_8cpp_source.html#l00286">border.cpp:286</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md48"></a>
Output</h3>
<div class="fragment"><div class="line">┏━━━━━━━━━━━━━━┓</div>
<div class="line">┃The element ┃</div>
<div class="line">┗━━━━━━━━━━━━━━┛</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00286">286</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a052b504344f3bc1ff86b3493cd934215" name="a052b504344f3bc1ff86b3493cd934215"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a052b504344f3bc1ff86b3493cd934215">&#9670;&#160;</a></span>borderDouble()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderDouble </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a double border around the element. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd>
<dd>
<a class="el" href="#aa074cdab57eeb47b99f1699bcc8addd8" title="Draw a light border around the element.">borderLight</a> </dd>
<dd>
<a class="el" href="#a052b504344f3bc1ff86b3493cd934215" title="Draw a double border around the element.">borderDouble</a> </dd>
<dd>
<a class="el" href="#a666c31419cc31cdadc9f8178ed63529e" title="Draw a heavy border around the element.">borderHeavy</a> </dd>
<dd>
<a class="el" href="#a3cf2db223a5efaa370f0ca6bb405b80e" title="Draw a rounded border around the element.">borderRounded</a> </dd>
<dd>
<a class="el" href="#af20f7d6fb275d109f0bdc01a2e4d3f3e" title="Draw an empty border around the element.">borderEmpty</a> </dd>
<dd>
<a class="el" href="#abc9db79957d4dd36deb8ca79938e4c41" title="Same as border but with different styles.">borderStyled</a> </dd>
<dd>
<a class="el" href="#aa97cfcfbe6df92dac085454395ec7b2f" title="Same as border but with a constant Pixel around the element.">borderWith</a></dd></dl>
<p>Add a border around an element</p>
<h3><a class="anchor" id="autotoc_md49"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;borderDouble&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a052b504344f3bc1ff86b3493cd934215">borderDouble</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...Or as a &#39;pipe&#39;.</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#a052b504344f3bc1ff86b3493cd934215">borderDouble</a>;</div>
<div class="ttc" id="anamespaceftxui_html_a052b504344f3bc1ff86b3493cd934215"><div class="ttname"><a href="#a052b504344f3bc1ff86b3493cd934215">ftxui::borderDouble</a></div><div class="ttdeci">Element borderDouble(Element)</div><div class="ttdoc">Draw a double border around the element.</div><div class="ttdef"><b>Definition</b> <a href="border_8cpp_source.html#l00320">border.cpp:320</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md50"></a>
Output</h3>
<div class="fragment"><div class="line">╔══════════════╗</div>
<div class="line">║The element ║</div>
<div class="line">╚══════════════╝</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00320">320</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a3cf2db223a5efaa370f0ca6bb405b80e" name="a3cf2db223a5efaa370f0ca6bb405b80e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3cf2db223a5efaa370f0ca6bb405b80e">&#9670;&#160;</a></span>borderRounded()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderRounded </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a rounded border around the element. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd>
<dd>
<a class="el" href="#aa074cdab57eeb47b99f1699bcc8addd8" title="Draw a light border around the element.">borderLight</a> </dd>
<dd>
<a class="el" href="#a052b504344f3bc1ff86b3493cd934215" title="Draw a double border around the element.">borderDouble</a> </dd>
<dd>
<a class="el" href="#a666c31419cc31cdadc9f8178ed63529e" title="Draw a heavy border around the element.">borderHeavy</a> </dd>
<dd>
<a class="el" href="#a3cf2db223a5efaa370f0ca6bb405b80e" title="Draw a rounded border around the element.">borderRounded</a> </dd>
<dd>
<a class="el" href="#af20f7d6fb275d109f0bdc01a2e4d3f3e" title="Draw an empty border around the element.">borderEmpty</a> </dd>
<dd>
<a class="el" href="#abc9db79957d4dd36deb8ca79938e4c41" title="Same as border but with different styles.">borderStyled</a> </dd>
<dd>
<a class="el" href="#aa97cfcfbe6df92dac085454395ec7b2f" title="Same as border but with a constant Pixel around the element.">borderWith</a></dd></dl>
<p>Add a border around an element</p>
<h3><a class="anchor" id="autotoc_md51"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;borderRounded&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...Or as a &#39;pipe&#39;.</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#a3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>;</div>
<div class="ttc" id="anamespaceftxui_html_a3cf2db223a5efaa370f0ca6bb405b80e"><div class="ttname"><a href="#a3cf2db223a5efaa370f0ca6bb405b80e">ftxui::borderRounded</a></div><div class="ttdeci">Element borderRounded(Element)</div><div class="ttdoc">Draw a rounded border around the element.</div><div class="ttdef"><b>Definition</b> <a href="border_8cpp_source.html#l00354">border.cpp:354</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md52"></a>
Output</h3>
<div class="fragment"><div class="line">╭──────────────╮</div>
<div class="line">│The element │</div>
<div class="line">╰──────────────╯</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00354">354</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="af20f7d6fb275d109f0bdc01a2e4d3f3e" name="af20f7d6fb275d109f0bdc01a2e4d3f3e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af20f7d6fb275d109f0bdc01a2e4d3f3e">&#9670;&#160;</a></span>borderEmpty()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderEmpty </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw an empty border around the element. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd>
<dd>
<a class="el" href="#aa074cdab57eeb47b99f1699bcc8addd8" title="Draw a light border around the element.">borderLight</a> </dd>
<dd>
<a class="el" href="#a052b504344f3bc1ff86b3493cd934215" title="Draw a double border around the element.">borderDouble</a> </dd>
<dd>
<a class="el" href="#a666c31419cc31cdadc9f8178ed63529e" title="Draw a heavy border around the element.">borderHeavy</a> </dd>
<dd>
<a class="el" href="#a3cf2db223a5efaa370f0ca6bb405b80e" title="Draw a rounded border around the element.">borderRounded</a> </dd>
<dd>
<a class="el" href="#af20f7d6fb275d109f0bdc01a2e4d3f3e" title="Draw an empty border around the element.">borderEmpty</a> </dd>
<dd>
<a class="el" href="#abc9db79957d4dd36deb8ca79938e4c41" title="Same as border but with different styles.">borderStyled</a> </dd>
<dd>
<a class="el" href="#aa97cfcfbe6df92dac085454395ec7b2f" title="Same as border but with a constant Pixel around the element.">borderWith</a></dd></dl>
<p>Add a border around an element</p>
<h3><a class="anchor" id="autotoc_md53"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;borderRounded&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>));</div>
<div class="line"> </div>
<div class="line"><span class="comment">// ...Or as a &#39;pipe&#39;.</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;The element&quot;</span>) | <a class="code hl_function" href="#a3cf2db223a5efaa370f0ca6bb405b80e">borderRounded</a>;</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md54"></a>
Output</h3>
<div class="fragment"><div class="line">The element</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00388">388</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="abc9db79957d4dd36deb8ca79938e4c41" name="abc9db79957d4dd36deb8ca79938e4c41"></a>
<h2 class="memtitle"><span class="permalink"><a href="#abc9db79957d4dd36deb8ca79938e4c41">&#9670;&#160;</a></span>borderStyled()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> borderStyled </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td> <td class="paramname"><span class="paramname"><em>style</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Same as border but with different styles. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00216">216</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="aa97cfcfbe6df92dac085454395ec7b2f" name="aa97cfcfbe6df92dac085454395ec7b2f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa97cfcfbe6df92dac085454395ec7b2f">&#9670;&#160;</a></span>borderWith()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> borderWith </td>
<td>(</td>
<td class="paramtype">const <a class="el" href="structftxui_1_1Pixel.html">Pixel</a> &amp;</td> <td class="paramname"><span class="paramname"><em>pixel</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Same as border but with a constant <a class="el" href="structftxui_1_1Pixel.html" title="A unicode character and its associated style.">Pixel</a> around the element. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00207">207</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a443afb3d149fedaf88b89249c8f6dc25" name="a443afb3d149fedaf88b89249c8f6dc25"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a443afb3d149fedaf88b89249c8f6dc25">&#9670;&#160;</a></span>window()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> window </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>title</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>content</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw window with a title and a border around the element. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">title</td><td>The title of the window. </td></tr>
<tr><td class="paramname">content</td><td>The element to be wrapped.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ae8537acd423d47cf07e61bd774fb1098" title="Draw a border around the element.">border</a></dd></dl>
<h3><a class="anchor" id="autotoc_md55"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a443afb3d149fedaf88b89249c8f6dc25">window</a>(<a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Title&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;content&quot;</span>)</div>
<div class="line"> );</div>
<div class="ttc" id="anamespaceftxui_html_a443afb3d149fedaf88b89249c8f6dc25"><div class="ttname"><a href="#a443afb3d149fedaf88b89249c8f6dc25">ftxui::window</a></div><div class="ttdeci">Element window(Element title, Element content)</div><div class="ttdoc">Draw window with a title and a border around the element.</div><div class="ttdef"><b>Definition</b> <a href="border_8cpp_source.html#l00413">border.cpp:413</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md56"></a>
Output</h3>
<div class="fragment"><div class="line">┌Title──┐</div>
<div class="line">│content│</div>
<div class="line">└───────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="border_8cpp_source.html#l00413">413</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a3b08e0030a0831d3ec3e2a505908273b" name="a3b08e0030a0831d3ec3e2a505908273b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3b08e0030a0831d3ec3e2a505908273b">&#9670;&#160;</a></span>spinner()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> spinner </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>charset_index</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">size_t</td> <td class="paramname"><span class="paramname"><em>image_index</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Useful to represent the effect of time and/or events. This display an ASCII art "video". </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">charset_index</td><td>The type of "video". </td></tr>
<tr><td class="paramname">image_index</td><td>The "frame" of the video. You need to increase this for every "step". </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="spinner_8cpp_source.html#l00280">280</a> of file <a class="el" href="spinner_8cpp_source.html">spinner.cpp</a>.</p>
</div>
</div>
<a id="a3f9093ae1a2790d396fc2cff9990fbbd" name="a3f9093ae1a2790d396fc2cff9990fbbd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3f9093ae1a2790d396fc2cff9990fbbd">&#9670;&#160;</a></span>paragraph() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraph </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Return an element drawing the paragraph on multiple lines. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a1b45cae54e7a6afcf338eb77a54e4df6">flexbox</a>. </dd></dl>
<p class="definition">Definition at line <a class="el" href="paragraph_8cpp_source.html#l00025">25</a> of file <a class="el" href="paragraph_8cpp_source.html">paragraph.cpp</a>.</p>
</div>
</div>
<a id="aa334a836eccc573e1137a1ba29d07d8a" name="aa334a836eccc573e1137a1ba29d07d8a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa334a836eccc573e1137a1ba29d07d8a">&#9670;&#160;</a></span>paragraphAlignLeft()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignLeft </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Return an element drawing the paragraph on multiple lines, aligned on the left. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a1b45cae54e7a6afcf338eb77a54e4df6">flexbox</a>. </dd></dl>
<p class="definition">Definition at line <a class="el" href="paragraph_8cpp_source.html#l00033">33</a> of file <a class="el" href="paragraph_8cpp_source.html">paragraph.cpp</a>.</p>
</div>
</div>
<a id="a28a69f06a88c89fe7a507e33ab486411" name="a28a69f06a88c89fe7a507e33ab486411"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a28a69f06a88c89fe7a507e33ab486411">&#9670;&#160;</a></span>paragraphAlignRight()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignRight </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Return an element drawing the paragraph on multiple lines, aligned on the right. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a1b45cae54e7a6afcf338eb77a54e4df6">flexbox</a>. </dd></dl>
<p class="definition">Definition at line <a class="el" href="paragraph_8cpp_source.html#l00042">42</a> of file <a class="el" href="paragraph_8cpp_source.html">paragraph.cpp</a>.</p>
</div>
</div>
<a id="a6a105f6b0d07d7933379ff1ae9282fb8" name="a6a105f6b0d07d7933379ff1ae9282fb8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6a105f6b0d07d7933379ff1ae9282fb8">&#9670;&#160;</a></span>paragraphAlignCenter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignCenter </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Return an element drawing the paragraph on multiple lines, aligned on the center. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a1b45cae54e7a6afcf338eb77a54e4df6">flexbox</a>. </dd></dl>
<p class="definition">Definition at line <a class="el" href="paragraph_8cpp_source.html#l00052">52</a> of file <a class="el" href="paragraph_8cpp_source.html">paragraph.cpp</a>.</p>
</div>
</div>
<a id="ae4de548aa67ab77cb345e4ddec6b248b" name="ae4de548aa67ab77cb345e4ddec6b248b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae4de548aa67ab77cb345e4ddec6b248b">&#9670;&#160;</a></span>paragraphAlignJustify()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> paragraphAlignJustify </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>the_text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Return an element drawing the paragraph on multiple lines, aligned using a justified alignment. the center. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a1b45cae54e7a6afcf338eb77a54e4df6">flexbox</a>. </dd></dl>
<p class="definition">Definition at line <a class="el" href="paragraph_8cpp_source.html#l00063">63</a> of file <a class="el" href="paragraph_8cpp_source.html">paragraph.cpp</a>.</p>
</div>
</div>
<a id="ae78c2b2b147e65701493465f8e3f4d89" name="ae78c2b2b147e65701493465f8e3f4d89"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae78c2b2b147e65701493465f8e3f4d89">&#9670;&#160;</a></span>graph()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> graph </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#ab07cb9a766f38fc867f8fe736ce2e6e3">GraphFunction</a></td> <td class="paramname"><span class="paramname"><em>graph_function</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Draw a graph using a GraphFunction. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">graph_function</td><td>the function to be called to get the data. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="graph_8cpp_source.html#l00062">62</a> of file <a class="el" href="graph_8cpp_source.html">graph.cpp</a>.</p>
</div>
</div>
<a id="a40451515a5b3049e7a1276cad8b9356c" name="a40451515a5b3049e7a1276cad8b9356c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a40451515a5b3049e7a1276cad8b9356c">&#9670;&#160;</a></span>emptyElement()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> emptyElement </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>An element of size 0x0 drawing nothing. </p>
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00131">131</a> of file <a class="el" href="dom_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a57d7bdf155e190de514a689abb4e9a35" name="a57d7bdf155e190de514a689abb4e9a35"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a57d7bdf155e190de514a689abb4e9a35">&#9670;&#160;</a></span>canvas() <span class="overload">[1/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> canvas </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1ConstRef.html">ConstRef</a>&lt; <a class="el" href="structftxui_1_1Canvas.html">Canvas</a> &gt;</td> <td class="paramname"><span class="paramname"><em>canvas</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Produce an element from a <a class="el" href="structftxui_1_1Canvas.html">Canvas</a>, or a reference to a <a class="el" href="structftxui_1_1Canvas.html">Canvas</a>. </p>
<p class="definition">Definition at line <a class="el" href="canvas_8cpp_source.html#l00848">848</a> of file <a class="el" href="canvas_8cpp_source.html">canvas.cpp</a>.</p>
</div>
</div>
<a id="ac781c6530fb74b861af7d52c03ffb2b9" name="ac781c6530fb74b861af7d52c03ffb2b9"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac781c6530fb74b861af7d52c03ffb2b9">&#9670;&#160;</a></span>canvas() <span class="overload">[2/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> canvas </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>width</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>height</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; void(<a class="el" href="structftxui_1_1Canvas.html">Canvas</a> &amp;)&gt;</td> <td class="paramname"><span class="paramname"><em>fn</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Produce an element drawing a canvas of requested size. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">width</td><td>the width of the canvas. </td></tr>
<tr><td class="paramname">height</td><td>the height of the canvas. </td></tr>
<tr><td class="paramname">fn</td><td>a function drawing the canvas. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="canvas_8cpp_source.html#l00865">865</a> of file <a class="el" href="canvas_8cpp_source.html">canvas.cpp</a>.</p>
</div>
</div>
<a id="a8bef154e558868d259c52380e1e5ead9" name="a8bef154e558868d259c52380e1e5ead9"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8bef154e558868d259c52380e1e5ead9">&#9670;&#160;</a></span>canvas() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> canvas </td>
<td>(</td>
<td class="paramtype">std::function&lt; void(<a class="el" href="structftxui_1_1Canvas.html">Canvas</a> &amp;)&gt;</td> <td class="paramname"><span class="paramname"><em>fn</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Produce an element drawing a canvas. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">fn</td><td>a function drawing the canvas. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="canvas_8cpp_source.html#l00895">895</a> of file <a class="el" href="canvas_8cpp_source.html">canvas.cpp</a>.</p>
</div>
</div>
<a id="a353c769068e25303eb41fa2da565c604" name="a353c769068e25303eb41fa2da565c604"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a353c769068e25303eb41fa2da565c604">&#9670;&#160;</a></span>bold()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> bold </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Use a bold font, for elements with more emphasis. </p>
<p class="definition">Definition at line <a class="el" href="bold_8cpp_source.html#l00028">28</a> of file <a class="el" href="bold_8cpp_source.html">bold.cpp</a>.</p>
</div>
</div>
<a id="ac6a3b77604739516e809369810896646" name="ac6a3b77604739516e809369810896646"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac6a3b77604739516e809369810896646">&#9670;&#160;</a></span>dim()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> dim </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Use a light font, for elements with less emphasis. </p>
<p class="definition">Definition at line <a class="el" href="dim_8cpp_source.html#l00028">28</a> of file <a class="el" href="dim_8cpp_source.html">dim.cpp</a>.</p>
</div>
</div>
<a id="a672456b8f2091b615a30ff755418b37b" name="a672456b8f2091b615a30ff755418b37b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a672456b8f2091b615a30ff755418b37b">&#9670;&#160;</a></span>inverted()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> inverted </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Add a filter that will invert the foreground and the background colors. </p>
<p class="definition">Definition at line <a class="el" href="inverted_8cpp_source.html#l00029">29</a> of file <a class="el" href="inverted_8cpp_source.html">inverted.cpp</a>.</p>
</div>
</div>
<a id="a5ad450c97c4d084b64ffb5b5ca942664" name="a5ad450c97c4d084b64ffb5b5ca942664"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5ad450c97c4d084b64ffb5b5ca942664">&#9670;&#160;</a></span>underlined()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> underlined </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Make the underlined element to be underlined. </p>
<p class="definition">Definition at line <a class="el" href="underlined_8cpp_source.html#l00028">28</a> of file <a class="el" href="underlined_8cpp_source.html">underlined.cpp</a>.</p>
</div>
</div>
<a id="a16d1b74107610750276499ddb3dde8da" name="a16d1b74107610750276499ddb3dde8da"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a16d1b74107610750276499ddb3dde8da">&#9670;&#160;</a></span>underlinedDouble()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> underlinedDouble </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Apply a underlinedDouble to text. </p>
<p class="definition">Definition at line <a class="el" href="underlined__double_8cpp_source.html#l00014">14</a> of file <a class="el" href="underlined__double_8cpp_source.html">underlined_double.cpp</a>.</p>
</div>
</div>
<a id="ad57613de5895e774218d91dea48d074b" name="ad57613de5895e774218d91dea48d074b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad57613de5895e774218d91dea48d074b">&#9670;&#160;</a></span>blink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> blink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>The text drawn alternates in between visible and hidden. </p>
<p class="definition">Definition at line <a class="el" href="blink_8cpp_source.html#l00028">28</a> of file <a class="el" href="blink_8cpp_source.html">blink.cpp</a>.</p>
</div>
</div>
<a id="a8594d70f0491def903370e86132fbf01" name="a8594d70f0491def903370e86132fbf01"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8594d70f0491def903370e86132fbf01">&#9670;&#160;</a></span>strikethrough()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> strikethrough </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Apply a strikethrough to text. </p>
<p class="definition">Definition at line <a class="el" href="strikethrough_8cpp_source.html#l00014">14</a> of file <a class="el" href="strikethrough_8cpp_source.html">strikethrough.cpp</a>.</p>
</div>
</div>
<a id="af61b489da39ca5e24b68e6e1a2b09c0d" name="af61b489da39ca5e24b68e6e1a2b09c0d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af61b489da39ca5e24b68e6e1a2b09c0d">&#9670;&#160;</a></span>color() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> color </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>c</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate using a foreground color. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">c</td><td>The foreground color to be applied. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The Decorator applying the color.</dd></dl>
<h3><a class="anchor" id="autotoc_md59"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;red&quot;</span>) | <a class="code hl_function" href="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>);</div>
<div class="ttc" id="aclassftxui_1_1Color_html_ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743"><div class="ttname"><a href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">ftxui::Color::Red</a></div><div class="ttdeci">@ Red</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00042">color.hpp:42</a></div></div>
<div class="ttc" id="anamespaceftxui_html_af61b489da39ca5e24b68e6e1a2b09c0d"><div class="ttname"><a href="#af61b489da39ca5e24b68e6e1a2b09c0d">ftxui::color</a></div><div class="ttdeci">Decorator color(Color)</div><div class="ttdoc">Decorate using a foreground color.</div><div class="ttdef"><b>Definition</b> <a href="dom_2color_8cpp_source.html#l00086">color.cpp:86</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00086">86</a> of file <a class="el" href="dom_2color_8cpp_source.html">color.cpp</a>.</p>
</div>
</div>
<a id="a01d4c5aaf0447e862246849111782245" name="a01d4c5aaf0447e862246849111782245"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a01d4c5aaf0447e862246849111782245">&#9670;&#160;</a></span>bgcolor() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> bgcolor </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>color</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate using a background color. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">color</td><td>The background color to be applied. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The Decorator applying the color.</dd></dl>
<h3><a class="anchor" id="autotoc_md60"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;red&quot;</span>) | <a class="code hl_function" href="#a01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>);</div>
<div class="ttc" id="anamespaceftxui_html_a01d4c5aaf0447e862246849111782245"><div class="ttname"><a href="#a01d4c5aaf0447e862246849111782245">ftxui::bgcolor</a></div><div class="ttdeci">Decorator bgcolor(Color)</div><div class="ttdoc">Decorate using a background color.</div><div class="ttdef"><b>Definition</b> <a href="dom_2color_8cpp_source.html#l00100">color.cpp:100</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00100">100</a> of file <a class="el" href="dom_2color_8cpp_source.html">color.cpp</a>.</p>
</div>
</div>
<a id="adef6e6e66199153de6d3b21b14dcf868" name="adef6e6e66199153de6d3b21b14dcf868"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adef6e6e66199153de6d3b21b14dcf868">&#9670;&#160;</a></span>color() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> color </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>color</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the foreground color of an element. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">color</td><td>The color of the output element. </td></tr>
<tr><td class="paramname">child</td><td>The input element. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The output element colored.</dd></dl>
<h3><a class="anchor" id="autotoc_md57"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">Color::Green</a>, <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Success&quot;</span>)),</div>
<div class="ttc" id="aclassftxui_1_1Color_html_ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106"><div class="ttname"><a href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">ftxui::Color::Green</a></div><div class="ttdeci">@ Green</div><div class="ttdef"><b>Definition</b> <a href="color_8hpp_source.html#l00043">color.hpp:43</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00057">57</a> of file <a class="el" href="dom_2color_8cpp_source.html">color.cpp</a>.</p>
</div>
</div>
<a id="aae86eacae0a0626b41e9964ac7f4f532" name="aae86eacae0a0626b41e9964ac7f4f532"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aae86eacae0a0626b41e9964ac7f4f532">&#9670;&#160;</a></span>bgcolor() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> bgcolor </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>color</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the background color of an element. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">color</td><td>The color of the output element. </td></tr>
<tr><td class="paramname">child</td><td>The input element. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The output element colored.</dd></dl>
<h3><a class="anchor" id="autotoc_md58"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad0784a3f969fe736e8b271a5a161d106">Color::Green</a>, <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Success&quot;</span>)),</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00072">72</a> of file <a class="el" href="dom_2color_8cpp_source.html">color.cpp</a>.</p>
</div>
</div>
<a id="a78447ba1ccb792963ad6d306f4ed1256" name="a78447ba1ccb792963ad6d306f4ed1256"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a78447ba1ccb792963ad6d306f4ed1256">&#9670;&#160;</a></span>focusPosition()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> focusPosition </td>
<td>(</td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Used inside a <code>frame</code>, this force the view to be scrolled toward a a given position. The position is expressed in the numbers of cells. </p>
<h3><a class="anchor" id="autotoc_md62"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = huge_document()</div>
<div class="line"> | <a class="code hl_function" href="#a78447ba1ccb792963ad6d306f4ed1256">focusPosition</a>(10, 10)</div>
<div class="line"> | <a class="code hl_function" href="#ad0d6a96f6e1fb6d67d9fa6323062a737">frame</a>;</div>
<div class="ttc" id="anamespaceftxui_html_a78447ba1ccb792963ad6d306f4ed1256"><div class="ttname"><a href="#a78447ba1ccb792963ad6d306f4ed1256">ftxui::focusPosition</a></div><div class="ttdeci">Decorator focusPosition(int x, int y)</div><div class="ttdoc">Used inside a frame, this force the view to be scrolled toward a a given position....</div><div class="ttdef"><b>Definition</b> <a href="focus_8cpp_source.html#l00067">focus.cpp:67</a></div></div>
<div class="ttc" id="anamespaceftxui_html_ad0d6a96f6e1fb6d67d9fa6323062a737"><div class="ttname"><a href="#ad0d6a96f6e1fb6d67d9fa6323062a737">ftxui::frame</a></div><div class="ttdeci">Element frame(Element)</div><div class="ttdoc">Allow an element to be displayed inside a 'virtual' area. It size can be larger than its container....</div><div class="ttdef"><b>Definition</b> <a href="frame_8cpp_source.html#l00142">frame.cpp:142</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="focus_8cpp_source.html#l00067">67</a> of file <a class="el" href="focus_8cpp_source.html">focus.cpp</a>.</p>
</div>
</div>
<a id="a13befad33cb4125e2143f2af3eddcc71" name="a13befad33cb4125e2143f2af3eddcc71"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a13befad33cb4125e2143f2af3eddcc71">&#9670;&#160;</a></span>focusPositionRelative()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> focusPositionRelative </td>
<td>(</td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>x</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">float</td> <td class="paramname"><span class="paramname"><em>y</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Used inside a <code>frame</code>, this force the view to be scrolled toward a a given position. The position is expressed in proportion of the requested size. </p>
<p>For instance:</p><ul>
<li>(0, 0) means that the view is scrolled toward the upper left.</li>
<li>(1, 0) means that the view is scrolled toward the upper right.</li>
<li>(0, 1) means that the view is scrolled toward the bottom left.</li>
</ul>
<h3><a class="anchor" id="autotoc_md61"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = huge_document()</div>
<div class="line"> | <a class="code hl_function" href="#a13befad33cb4125e2143f2af3eddcc71">focusPositionRelative</a>(0.f, 1.f)</div>
<div class="line"> | <a class="code hl_function" href="#ad0d6a96f6e1fb6d67d9fa6323062a737">frame</a>;</div>
<div class="ttc" id="anamespaceftxui_html_a13befad33cb4125e2143f2af3eddcc71"><div class="ttname"><a href="#a13befad33cb4125e2143f2af3eddcc71">ftxui::focusPositionRelative</a></div><div class="ttdeci">Decorator focusPositionRelative(float x, float y)</div><div class="ttdoc">Used inside a frame, this force the view to be scrolled toward a a given position....</div><div class="ttdef"><b>Definition</b> <a href="focus_8cpp_source.html#l00028">focus.cpp:28</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="focus_8cpp_source.html#l00028">28</a> of file <a class="el" href="focus_8cpp_source.html">focus.cpp</a>.</p>
</div>
</div>
<a id="aca42bd6c44d8d366d5c1014330402086" name="aca42bd6c44d8d366d5c1014330402086"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aca42bd6c44d8d366d5c1014330402086">&#9670;&#160;</a></span>automerge()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> automerge </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Enable character to be automatically merged with others nearby. </p>
<p class="definition">Definition at line <a class="el" href="automerge_8cpp_source.html#l00014">14</a> of file <a class="el" href="automerge_8cpp_source.html">automerge.cpp</a>.</p>
</div>
</div>
<a id="a552ba6d33b3c9bec586b99fba4c243ac" name="a552ba6d33b3c9bec586b99fba4c243ac"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a552ba6d33b3c9bec586b99fba4c243ac">&#9670;&#160;</a></span>hbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> hbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>children</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A container displaying elements horizontally one by one. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">children</td><td>The elements in the container </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The container.</dd></dl>
<h4>Example</h4>
<div class="fragment"><div class="line"><a class="code hl_function" href="#a552ba6d33b3c9bec586b99fba4c243ac">hbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Left&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Right&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hbox_8cpp_source.html#l00077">77</a> of file <a class="el" href="hbox_8cpp_source.html">hbox.cpp</a>.</p>
</div>
</div>
<a id="afd28058f0ccbbdf34691a85a7cc9b2e3" name="afd28058f0ccbbdf34691a85a7cc9b2e3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afd28058f0ccbbdf34691a85a7cc9b2e3">&#9670;&#160;</a></span>vbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>children</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A container displaying elements vertically one by one. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">children</td><td>The elements in the container </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The container.</dd></dl>
<h4>Example</h4>
<div class="fragment"><div class="line"><a class="code hl_function" href="#afd28058f0ccbbdf34691a85a7cc9b2e3">vbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Up&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Down&quot;</span>),</div>
<div class="line">});</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="vbox_8cpp_source.html#l00078">78</a> of file <a class="el" href="vbox_8cpp_source.html">vbox.cpp</a>.</p>
</div>
</div>
<a id="a901ab1b6b2e0e8c295552168ab206441" name="a901ab1b6b2e0e8c295552168ab206441"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a901ab1b6b2e0e8c295552168ab206441">&#9670;&#160;</a></span>dbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> dbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em>children_</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Stack several element on top of each other. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">children_</td><td>The input element. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The right aligned element. </dd></dl>
<p class="definition">Definition at line <a class="el" href="dbox_8cpp_source.html#l00052">52</a> of file <a class="el" href="dbox_8cpp_source.html">dbox.cpp</a>.</p>
</div>
</div>
<a id="a1b45cae54e7a6afcf338eb77a54e4df6" name="a1b45cae54e7a6afcf338eb77a54e4df6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1b45cae54e7a6afcf338eb77a54e4df6">&#9670;&#160;</a></span>flexbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> flexbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em></em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a></td> <td class="paramname"><span class="paramname"><em>config</em></span><span class="paramdefsep"> = </span><span class="paramdefval"><a class="el" href="structftxui_1_1FlexboxConfig.html">FlexboxConfig</a>()</span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="abcdf409d605edafd3191cd7ba47bcbd1" name="abcdf409d605edafd3191cd7ba47bcbd1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#abcdf409d605edafd3191cd7ba47bcbd1">&#9670;&#160;</a></span>gridbox()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> gridbox </td>
<td>(</td>
<td class="paramtype">std::vector&lt; <a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a> &gt;</td> <td class="paramname"><span class="paramname"><em>lines</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A container displaying a grid of elements. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">lines</td><td>A list of lines, each line being a list of elements. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The container.</dd></dl>
<h4>Example</h4>
<div class="fragment"><div class="line"><span class="keyword">auto</span> cell = [](<span class="keyword">const</span> <span class="keywordtype">char</span>* t) { <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(t) | <a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>; };</div>
<div class="line"><span class="keyword">auto</span> document = <a class="code hl_function" href="#abcdf409d605edafd3191cd7ba47bcbd1">gridbox</a>({</div>
<div class="line"> {cell(<span class="stringliteral">&quot;north-west&quot;</span>) , cell(<span class="stringliteral">&quot;north&quot;</span>) , cell(<span class="stringliteral">&quot;north-east&quot;</span>)} ,</div>
<div class="line"> {cell(<span class="stringliteral">&quot;west&quot;</span>) , cell(<span class="stringliteral">&quot;center&quot;</span>) , cell(<span class="stringliteral">&quot;east&quot;</span>)} ,</div>
<div class="line"> {cell(<span class="stringliteral">&quot;south-west&quot;</span>) , cell(<span class="stringliteral">&quot;south&quot;</span>) , cell(<span class="stringliteral">&quot;south-east&quot;</span>)} ,</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_abcdf409d605edafd3191cd7ba47bcbd1"><div class="ttname"><a href="#abcdf409d605edafd3191cd7ba47bcbd1">ftxui::gridbox</a></div><div class="ttdeci">Element gridbox(std::vector&lt; Elements &gt; lines)</div><div class="ttdoc">A container displaying a grid of elements.</div><div class="ttdef"><b>Definition</b> <a href="gridbox_8cpp_source.html#l00178">gridbox.cpp:178</a></div></div>
</div><!-- fragment --><p> Output: </p><div class="fragment"><div class="line">╭──────────╮╭──────╮╭──────────╮</div>
<div class="line">│north-west││north ││north-east│</div>
<div class="line">╰──────────╯╰──────╯╰──────────╯</div>
<div class="line">╭──────────╮╭──────╮╭──────────╮</div>
<div class="line">│west ││center││east │</div>
<div class="line">╰──────────╯╰──────╯╰──────────╯</div>
<div class="line">╭──────────╮╭──────╮╭──────────╮</div>
<div class="line">│south-west││south ││south-east│</div>
<div class="line">╰──────────╯╰──────╯╰──────────╯</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="gridbox_8cpp_source.html#l00178">178</a> of file <a class="el" href="gridbox_8cpp_source.html">gridbox.cpp</a>.</p>
</div>
</div>
<a id="a4c7a358e515dbd4bc1fba8c6f59fe911" name="a4c7a358e515dbd4bc1fba8c6f59fe911"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4c7a358e515dbd4bc1fba8c6f59fe911">&#9670;&#160;</a></span>hflow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> hflow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a9a3c8f59366f1e93d79c0a9dd13e7621" name="a9a3c8f59366f1e93d79c0a9dd13e7621"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9a3c8f59366f1e93d79c0a9dd13e7621">&#9670;&#160;</a></span>vflow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vflow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a5d4aa06ca6cc6a72e981bd5386f93f0a">Elements</a></td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a257acd2bd47bab7db879cca2c0e67e23" name="a257acd2bd47bab7db879cca2c0e67e23"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a257acd2bd47bab7db879cca2c0e67e23">&#9670;&#160;</a></span>flex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> flex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Make a child element to expand proportionnally to the space left in a container. </p>
<h4>Examples:</h4>
<div class="fragment"><div class="line"><a class="code hl_function" href="#a552ba6d33b3c9bec586b99fba4c243ac">hbox</a>({</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;left&quot;</span>) | <a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a> ,</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;middle&quot;</span>) | <a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a> | <a class="code hl_function" href="#a257acd2bd47bab7db879cca2c0e67e23">flex</a>,</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;right&quot;</span>) | <a class="code hl_function" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>,</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_a257acd2bd47bab7db879cca2c0e67e23"><div class="ttname"><a href="#a257acd2bd47bab7db879cca2c0e67e23">ftxui::flex</a></div><div class="ttdeci">Element flex(Element)</div><div class="ttdoc">Make a child element to expand proportionnally to the space left in a container.</div><div class="ttdef"><b>Definition</b> <a href="flex_8cpp_source.html#l00120">flex.cpp:120</a></div></div>
</div><!-- fragment --><h4>Output:</h4>
<div class="fragment"><div class="line">┌────┐┌─────────────────────────────────────────────────────────┐┌─────┐</div>
<div class="line">│left││middle ││right│</div>
<div class="line">└────┘└─────────────────────────────────────────────────────────┘└─────┘</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00120">120</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a81ed6b31f512e849247f13d249f6f20e" name="a81ed6b31f512e849247f13d249f6f20e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a81ed6b31f512e849247f13d249f6f20e">&#9670;&#160;</a></span>flex_grow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> flex_grow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Expand if possible. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00138">138</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a4629196b5ffc280054d35f2a9977e829" name="a4629196b5ffc280054d35f2a9977e829"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4629196b5ffc280054d35f2a9977e829">&#9670;&#160;</a></span>flex_shrink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> flex_shrink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Minimize if needed. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00156">156</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a0dbba98e14f63f1dd5163cbdc4f42da8" name="a0dbba98e14f63f1dd5163cbdc4f42da8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0dbba98e14f63f1dd5163cbdc4f42da8">&#9670;&#160;</a></span>xflex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> xflex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Expand/Minimize if possible/needed on the X axis. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00126">126</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a1618cb15307f29eb3d531e7b44c280d3" name="a1618cb15307f29eb3d531e7b44c280d3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1618cb15307f29eb3d531e7b44c280d3">&#9670;&#160;</a></span>xflex_grow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> xflex_grow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Expand if possible on the X axis. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00144">144</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a95275a9271934cf76e970c6650cc224d" name="a95275a9271934cf76e970c6650cc224d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a95275a9271934cf76e970c6650cc224d">&#9670;&#160;</a></span>xflex_shrink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> xflex_shrink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Minimize if needed on the X axis. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00162">162</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a42c7a33df6d890de30fc1ebb2d1b3ca6" name="a42c7a33df6d890de30fc1ebb2d1b3ca6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a42c7a33df6d890de30fc1ebb2d1b3ca6">&#9670;&#160;</a></span>yflex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> yflex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Expand/Minimize if possible/needed on the Y axis. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00132">132</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a7eac3f709e905af8f583aed52093b7ce" name="a7eac3f709e905af8f583aed52093b7ce"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7eac3f709e905af8f583aed52093b7ce">&#9670;&#160;</a></span>yflex_grow()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> yflex_grow </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Expand if possible on the Y axis. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00150">150</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="af7d0757f5965aa579bccc125ff909256" name="af7d0757f5965aa579bccc125ff909256"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af7d0757f5965aa579bccc125ff909256">&#9670;&#160;</a></span>yflex_shrink()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> yflex_shrink </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Minimize if needed on the Y axis. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00168">168</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a845b0ea50d51024aa4e050447b46e1dd" name="a845b0ea50d51024aa4e050447b46e1dd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a845b0ea50d51024aa4e050447b46e1dd">&#9670;&#160;</a></span>notflex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> notflex </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Make the element not flexible. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00174">174</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="ac2a9ed2d22ec3c8811b61f4a901ed367" name="ac2a9ed2d22ec3c8811b61f4a901ed367"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac2a9ed2d22ec3c8811b61f4a901ed367">&#9670;&#160;</a></span>filler()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> filler </td>
<td>(</td>
<td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>An element that will take expand proportionnally to the space left in a container. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00095">95</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="adbda408cdd76f3bbd9c4e863672b7122" name="adbda408cdd76f3bbd9c4e863672b7122"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adbda408cdd76f3bbd9c4e863672b7122">&#9670;&#160;</a></span>size()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> size </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a></td> <td class="paramname"><span class="paramname"><em>direction</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#ae09f44b989d381a387329fd0a0935926">Constraint</a></td> <td class="paramname"><span class="paramname"><em>constraint</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">int</td> <td class="paramname"><span class="paramname"><em>value</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Apply a constraint on the size of an element. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">direction</td><td>Whether the WIDTH of the HEIGHT of the element must be constrained. </td></tr>
<tr><td class="paramname">constraint</td><td>The type of constaint. </td></tr>
<tr><td class="paramname">value</td><td>The value. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="size_8cpp_source.html#l00085">85</a> of file <a class="el" href="size_8cpp_source.html">size.cpp</a>.</p>
</div>
</div>
<a id="ad0d6a96f6e1fb6d67d9fa6323062a737" name="ad0d6a96f6e1fb6d67d9fa6323062a737"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad0d6a96f6e1fb6d67d9fa6323062a737">&#9670;&#160;</a></span>frame()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> frame </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Allow an element to be displayed inside a 'virtual' area. It size can be larger than its container. In this case only a smaller portion is displayed. The view is scrollable to make the focused element visible. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a52ee73ca2fb34afb6e6f25ac7df04b0e">focus</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00142">142</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a2616fcc18ca2fb41954749e67647b48f" name="a2616fcc18ca2fb41954749e67647b48f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2616fcc18ca2fb41954749e67647b48f">&#9670;&#160;</a></span>xframe()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> xframe </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00146">146</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a8406bb311fbaf67a7779833635c348ea" name="a8406bb311fbaf67a7779833635c348ea"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8406bb311fbaf67a7779833635c348ea">&#9670;&#160;</a></span>yframe()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> yframe </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00150">150</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a52ee73ca2fb34afb6e6f25ac7df04b0e" name="a52ee73ca2fb34afb6e6f25ac7df04b0e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a52ee73ca2fb34afb6e6f25ac7df04b0e">&#9670;&#160;</a></span>focus()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focus </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00083">83</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="af0a483ef6e8a00023755c4637a1fcb9d" name="af0a483ef6e8a00023755c4637a1fcb9d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af0a483ef6e8a00023755c4637a1fcb9d">&#9670;&#160;</a></span>select()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> select </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00038">38</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a4a1180d7b135afbbd04a7a95b2f6365a" name="a4a1180d7b135afbbd04a7a95b2f6365a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4a1180d7b135afbbd04a7a95b2f6365a">&#9670;&#160;</a></span>focusCursorBlock()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBlock </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00171">171</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a6f43dcd9196712b32f65dc1e0c153ec7" name="a6f43dcd9196712b32f65dc1e0c153ec7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6f43dcd9196712b32f65dc1e0c153ec7">&#9670;&#160;</a></span>focusCursorBlockBlinking()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBlockBlinking </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00175">175</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a54d67ea7f6764e6bb87e1b889e5f4e33" name="a54d67ea7f6764e6bb87e1b889e5f4e33"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a54d67ea7f6764e6bb87e1b889e5f4e33">&#9670;&#160;</a></span>focusCursorBar()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBar </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00179">179</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="af5b7e3af0d6f852b2a91f3b8b5792122" name="af5b7e3af0d6f852b2a91f3b8b5792122"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af5b7e3af0d6f852b2a91f3b8b5792122">&#9670;&#160;</a></span>focusCursorBarBlinking()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorBarBlinking </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00183">183</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="ac4211d58ef12846e900def2b7251056c" name="ac4211d58ef12846e900def2b7251056c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac4211d58ef12846e900def2b7251056c">&#9670;&#160;</a></span>focusCursorUnderline()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorUnderline </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00187">187</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a4da8845be4a55712d65cab9db81037d8" name="a4da8845be4a55712d65cab9db81037d8"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4da8845be4a55712d65cab9db81037d8">&#9670;&#160;</a></span>focusCursorUnderlineBlinking()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> focusCursorUnderlineBlinking </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00191">191</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a1974176e676afdb96d203e8e0f579219" name="a1974176e676afdb96d203e8e0f579219"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1974176e676afdb96d203e8e0f579219">&#9670;&#160;</a></span>vscroll_indicator()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vscroll_indicator </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Add a filter that will invert the foreground and the background colors. </p>
<p class="definition">Definition at line <a class="el" href="scroll__indicator_8cpp_source.html#l00019">19</a> of file <a class="el" href="scroll__indicator_8cpp_source.html">scroll_indicator.cpp</a>.</p>
</div>
</div>
<a id="aaff8245861617a3d9e846e99de582a63" name="aaff8245861617a3d9e846e99de582a63"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aaff8245861617a3d9e846e99de582a63">&#9670;&#160;</a></span>reflect()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> reflect </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1Box.html">Box</a> &amp;</td> <td class="paramname"><span class="paramname"><em>box</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="reflect_8cpp_source.html#l00039">39</a> of file <a class="el" href="reflect_8cpp_source.html">reflect.cpp</a>.</p>
</div>
</div>
<a id="a17a89519e6b87e12b1e5811a702f7847" name="a17a89519e6b87e12b1e5811a702f7847"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a17a89519e6b87e12b1e5811a702f7847">&#9670;&#160;</a></span>clear_under()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> clear_under </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>element</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Before drawing |child|, clear the pixels below. This is useful in. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a901ab1b6b2e0e8c295552168ab206441" title="Stack several element on top of each other.">ftxui::dbox</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="clear__under_8cpp_source.html#l00032">32</a> of file <a class="el" href="clear__under_8cpp_source.html">clear_under.cpp</a>.</p>
</div>
</div>
<a id="af7d0d1e44c1a5424e42a5cddceacf7f7" name="af7d0d1e44c1a5424e42a5cddceacf7f7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#af7d0d1e44c1a5424e42a5cddceacf7f7">&#9670;&#160;</a></span>hcenter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> hcenter </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Center an element horizontally. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The decorated element. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The centered element. </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00012">12</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="ad907a8a48bb9f9dfdb06402e9fc12316" name="ad907a8a48bb9f9dfdb06402e9fc12316"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad907a8a48bb9f9dfdb06402e9fc12316">&#9670;&#160;</a></span>vcenter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> vcenter </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Center an element vertically. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The decorated element. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The centered element. </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00020">20</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="a5b11656305fce8427b81daf1c35883f1" name="a5b11656305fce8427b81daf1c35883f1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5b11656305fce8427b81daf1c35883f1">&#9670;&#160;</a></span>center()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> center </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Center an element horizontally and vertically. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The decorated element. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The centered element. </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00028">28</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="a778e52afe28f1978f1f7ef065ed92d6d" name="a778e52afe28f1978f1f7ef065ed92d6d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a778e52afe28f1978f1f7ef065ed92d6d">&#9670;&#160;</a></span>align_right()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> align_right </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>child</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Align an element on the right side. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The decorated element. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The right aligned element. </dd></dl>
<p class="definition">Definition at line <a class="el" href="composite__decorator_8cpp_source.html#l00036">36</a> of file <a class="el" href="composite__decorator_8cpp_source.html">composite_decorator.cpp</a>.</p>
</div>
</div>
<a id="a1bfd3885ac8b40dc82a1103725003c07" name="a1bfd3885ac8b40dc82a1103725003c07"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1bfd3885ac8b40dc82a1103725003c07">&#9670;&#160;</a></span>nothing()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> nothing </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a></td> <td class="paramname"><span class="paramname"><em>element</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A decoration doing absolutely nothing. </p>
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00027">27</a> of file <a class="el" href="dom_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="ad4b8aa9392f56ba41e2b421e046a7d83" name="ad4b8aa9392f56ba41e2b421e046a7d83"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad4b8aa9392f56ba41e2b421e046a7d83">&#9670;&#160;</a></span>Render() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void Render </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Screen.html">Screen</a> &amp;</td> <td class="paramname"><span class="paramname"><em>screen</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">const <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> &amp;</td> <td class="paramname"><span class="paramname"><em>element</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Display an element on a <a class="el" href="classftxui_1_1Screen.html" title="A rectangular grid of Pixel.">ftxui::Screen</a>. </p>
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00044">44</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a32a24db985fa1b37bf686b00f7e1b4ff" name="a32a24db985fa1b37bf686b00f7e1b4ff"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a32a24db985fa1b37bf686b00f7e1b4ff">&#9670;&#160;</a></span>Render() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">void Render </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Screen.html">Screen</a> &amp;</td> <td class="paramname"><span class="paramname"><em>screen</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Node.html">Node</a> *</td> <td class="paramname"><span class="paramname"><em>node</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Display an element on a <a class="el" href="classftxui_1_1Screen.html" title="A rectangular grid of Pixel.">ftxui::Screen</a>. </p>
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00050">50</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a883a81f30fb771a82f6c87b77ac3658e" name="a883a81f30fb771a82f6c87b77ac3658e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a883a81f30fb771a82f6c87b77ac3658e">&#9670;&#160;</a></span>GetColorInfo() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1ColorInfo">ColorInfo</a> GetColorInfo </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html#abd07c48f62cc507fafa2486a43130fcf">Color::Palette256</a></td> <td class="paramname"><span class="paramname"><em>index</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="color__info_8cpp_source.html#l00269">269</a> of file <a class="el" href="color__info_8cpp_source.html">color_info.cpp</a>.</p>
</div>
</div>
<a id="ad5dd7fa2651003bf7c9f8b58de9b0a93" name="ad5dd7fa2651003bf7c9f8b58de9b0a93"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad5dd7fa2651003bf7c9f8b58de9b0a93">&#9670;&#160;</a></span>GetColorInfo() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#structftxui_1_1ColorInfo">ColorInfo</a> GetColorInfo </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802f">Color::Palette16</a></td> <td class="paramname"><span class="paramname"><em>index</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="color__info_8cpp_source.html#l00273">273</a> of file <a class="el" href="color__info_8cpp_source.html">color_info.cpp</a>.</p>
</div>
</div>
<a id="a1bb4947f62228380f5c415f69b34021f" name="a1bb4947f62228380f5c415f69b34021f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1bb4947f62228380f5c415f69b34021f">&#9670;&#160;</a></span>wchar_width()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int wchar_width </td>
<td>(</td>
<td class="paramtype">wchar_t</td> <td class="paramname"><span class="paramname"><em>ucs</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01683">1683</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="adedb4aa528ad2aef48177dea69ca7a9d" name="adedb4aa528ad2aef48177dea69ca7a9d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adedb4aa528ad2aef48177dea69ca7a9d">&#9670;&#160;</a></span>wstring_width()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int wstring_width </td>
<td>(</td>
<td class="paramtype">const std::wstring &amp;</td> <td class="paramname"><span class="paramname"><em>text</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01687">1687</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a757b345f73bb6cde5165a4d7f0c0a298" name="a757b345f73bb6cde5165a4d7f0c0a298"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a757b345f73bb6cde5165a4d7f0c0a298">&#9670;&#160;</a></span>to_string()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">std::string to_string </td>
<td>(</td>
<td class="paramtype">const std::wstring &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Convert a UTF8 std::string into a std::wstring. </p>
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01899">1899</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a57429a83a46c643a81dee81e49384439" name="a57429a83a46c643a81dee81e49384439"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a57429a83a46c643a81dee81e49384439">&#9670;&#160;</a></span>to_wstring() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">std::wstring to_wstring </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>s</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Convert a std::wstring into a UTF8 std::string. </p>
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01971">1971</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a24ea52e8ef70889ef1da986837e0ff34" name="a24ea52e8ef70889ef1da986837e0ff34"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a24ea52e8ef70889ef1da986837e0ff34">&#9670;&#160;</a></span>to_wstring() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<div class="memtemplate">
template&lt;typename T &gt; </div>
<table class="memname">
<tr>
<td class="memname">std::wstring to_wstring </td>
<td>(</td>
<td class="paramtype">T</td> <td class="paramname"><span class="paramname"><em>s</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8hpp_source.html#l00013">13</a> of file <a class="el" href="string_8hpp_source.html">string.hpp</a>.</p>
</div>
</div>
<a id="a517b35c7721e632812d8b3a7697c4099" name="a517b35c7721e632812d8b3a7697c4099"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a517b35c7721e632812d8b3a7697c4099">&#9670;&#160;</a></span>string_width()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int string_width </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>input</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01700">1700</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a389c58d385e861cd2ef109b53fc6ef96" name="a389c58d385e861cd2ef109b53fc6ef96"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a389c58d385e861cd2ef109b53fc6ef96">&#9670;&#160;</a></span>Utf8ToGlyphs()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">std::vector&lt; std::string &gt; Utf8ToGlyphs </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>input</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01727">1727</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a8cbdf10b42355be5507c3b6053a70f56" name="a8cbdf10b42355be5507c3b6053a70f56"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8cbdf10b42355be5507c3b6053a70f56">&#9670;&#160;</a></span>GlyphPosition()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int GlyphPosition </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>input</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">size_t</td> <td class="paramname"><span class="paramname"><em>glyph_index</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">size_t</td> <td class="paramname"><span class="paramname"><em>start</em></span><span class="paramdefsep"> = </span><span class="paramdefval">0</span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01770">1770</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a9b4f3faecfbeb6b2c0fdf9c30e3f1553" name="a9b4f3faecfbeb6b2c0fdf9c30e3f1553"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9b4f3faecfbeb6b2c0fdf9c30e3f1553">&#9670;&#160;</a></span>GlyphCount()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">int GlyphCount </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>input</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01839">1839</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="ad15724e497f0001e146da530183ca552" name="ad15724e497f0001e146da530183ca552"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad15724e497f0001e146da530183ca552">&#9670;&#160;</a></span>Utf8ToWordBreakProperty()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">std::vector&lt; <a class="el" href="#ac09f75368fca22e86b8262ce28ec3cc0">WordBreakProperty</a> &gt; Utf8ToWordBreakProperty </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>input</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01867">1867</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a64a9bd1df7ca3ffb1622507d01cd0b13" name="a64a9bd1df7ca3ffb1622507d01cd0b13"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a64a9bd1df7ca3ffb1622507d01cd0b13">&#9670;&#160;</a></span>IsWordBreakingCharacter()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">bool IsWordBreakingCharacter </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>input</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">size_t</td> <td class="paramname"><span class="paramname"><em>glyph_index</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a9769a28baa6a84d5de6a8bd624a29294" name="a9769a28baa6a84d5de6a8bd624a29294"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9769a28baa6a84d5de6a8bd624a29294">&#9670;&#160;</a></span>CellToGlyphIndex()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">std::vector&lt; int &gt; CellToGlyphIndex </td>
<td>(</td>
<td class="paramtype">const std::string &amp;</td> <td class="paramname"><span class="paramname"><em>input</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01798">1798</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a0bfd67a2815807dc6fc9bc0f79bce29e" name="a0bfd67a2815807dc6fc9bc0f79bce29e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0bfd67a2815807dc6fc9bc0f79bce29e">&#9670;&#160;</a></span>CatchEvent() <span class="overload">[3/3]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> CatchEvent </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a></td> <td class="paramname"><span class="paramname"><em>child</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">std::function&lt; bool(<a class="el" href="structftxui_1_1Event.html">Event</a> event)&gt;</td> <td class="paramname"><span class="paramname"><em>on_event</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Return a component, using |on_event| to catch events. This function must returns true when the event has been handled, false otherwise. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The wrapped component. </td></tr>
<tr><td class="paramname">on_event</td><td>The function drawing the interface.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md2"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> screen = <a class="code hl_function" href="classftxui_1_1ScreenInteractive.html#a0b7de0467b4e57ce5f337ba8634d8d13">ScreenInteractive::TerminalOutput</a>();</div>
<div class="line"><span class="keyword">auto</span> renderer = <a class="code hl_function" href="#a533e883e2aeea28de2b60564fcaf0361">Renderer</a>([] {</div>
<div class="line"> <span class="keywordflow">return</span> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;My interface&quot;</span>);</div>
<div class="line">});</div>
<div class="line"><span class="keyword">auto</span> component = <a class="code hl_function" href="#afa5872ba3f9889c7487e57e745e56857">CatchEvent</a>(renderer, [&amp;](Event event) {</div>
<div class="line"> <span class="keywordflow">if</span> (event == Event::Character(<span class="charliteral">&#39;q&#39;</span>)) {</div>
<div class="line"> screen.ExitLoopClosure()();</div>
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">true</span>;</div>
<div class="line"> }</div>
<div class="line"> <span class="keywordflow">return</span> <span class="keyword">false</span>;</div>
<div class="line">});</div>
<div class="line">screen.Loop(component);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="catch__event_8cpp_source.html#l00053">53</a> of file <a class="el" href="catch__event_8cpp_source.html">catch_event.cpp</a>.</p>
</div>
</div>
<a id="a877bf1673c86ac33e24facf81068e693" name="a877bf1673c86ac33e24facf81068e693"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a877bf1673c86ac33e24facf81068e693">&#9670;&#160;</a></span>Slider() <span class="overload">[5/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int8_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a551dff4f473bdb27fde654341d08c618" name="a551dff4f473bdb27fde654341d08c618"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a551dff4f473bdb27fde654341d08c618">&#9670;&#160;</a></span>Slider() <span class="overload">[6/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int16_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a8d1ae475487cb22769f127449380925e" name="a8d1ae475487cb22769f127449380925e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8d1ae475487cb22769f127449380925e">&#9670;&#160;</a></span>Slider() <span class="overload">[7/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int32_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a217d120bd78c7e5fbe21c60d58f411ba" name="a217d120bd78c7e5fbe21c60d58f411ba"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a217d120bd78c7e5fbe21c60d58f411ba">&#9670;&#160;</a></span>Slider() <span class="overload">[8/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; int64_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a83667b04778e0206c7c9f05652c9110a" name="a83667b04778e0206c7c9f05652c9110a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a83667b04778e0206c7c9f05652c9110a">&#9670;&#160;</a></span>Slider() <span class="overload">[9/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint8_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a41e0cb91026c84d8767958a6c3d65d88" name="a41e0cb91026c84d8767958a6c3d65d88"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a41e0cb91026c84d8767958a6c3d65d88">&#9670;&#160;</a></span>Slider() <span class="overload">[10/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint16_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a17babf521947301435a4f7c47835032c" name="a17babf521947301435a4f7c47835032c"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a17babf521947301435a4f7c47835032c">&#9670;&#160;</a></span>Slider() <span class="overload">[11/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint32_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a69e9803a9d52936adf22dabd14df4289" name="a69e9803a9d52936adf22dabd14df4289"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a69e9803a9d52936adf22dabd14df4289">&#9670;&#160;</a></span>Slider() <span class="overload">[12/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; uint64_t &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a453d7fc2e7bd34b00775062018daf96d" name="a453d7fc2e7bd34b00775062018daf96d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a453d7fc2e7bd34b00775062018daf96d">&#9670;&#160;</a></span>Slider() <span class="overload">[13/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; float &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a id="a9d64c6ad8cbbae0735eac76e4f4f5811" name="a9d64c6ad8cbbae0735eac76e4f4f5811"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9d64c6ad8cbbae0735eac76e4f4f5811">&#9670;&#160;</a></span>Slider() <span class="overload">[14/14]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">template <a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Slider </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1SliderOption">SliderOption</a>&lt; double &gt;</td> <td class="paramname"><span class="paramname"><em></em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<h2 class="groupheader">Variable Documentation</h2>
<a id="a81094ad1eae10308826bbd3be2723b18" name="a81094ad1eae10308826bbd3be2723b18"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a81094ad1eae10308826bbd3be2723b18">&#9670;&#160;</a></span>g_uniformize</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">const std::map&lt;std::string, std::string&gt; g_uniformize</td>
</tr>
</table>
</div><div class="memdoc">
<b>Initial value:</b><div class="fragment"><div class="line">= {</div>
<div class="line"> </div>
<div class="line"> </div>
<div class="line"> </div>
<div class="line"> </div>
<div class="line"> {<span class="stringliteral">&quot;\r&quot;</span>, <span class="stringliteral">&quot;\n&quot;</span>},</div>
<div class="line"> </div>
<div class="line"> {std::string({8}), std::string({127})},</div>
<div class="line">}</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="terminal__input__parser_8cpp_source.html#l00016">16</a> of file <a class="el" href="terminal__input__parser_8cpp_source.html">terminal_input_parser.cpp</a>.</p>
</div>
</div>
<a id="acc77ce2876ca75e8d5fe8925a45592d1" name="acc77ce2876ca75e8d5fe8925a45592d1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#acc77ce2876ca75e8d5fe8925a45592d1">&#9670;&#160;</a></span>palette256</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">const std::array&lt;<a class="el" href="#structftxui_1_1ColorInfo">ColorInfo</a>, 256&gt; palette256</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="color__info_8cpp_source.html#l00010">10</a> of file <a class="el" href="color__info_8cpp_source.html">color_info.cpp</a>.</p>
</div>
</div>
</div><!-- contents -->
</div><!-- doc-content -->
<!-- HTML footer for doxygen 1.8.14-->
<!-- start footer part -->
<div id="nav-path" class="navpath"><!-- id is needed for treeview function! -->
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const projectNumber = document.getElementById('projectnumber');
if (!projectNumber) {
console.warn('Doxygen element with ID "projectnumber" not found. Cannot add version switcher.');
return;
}
const versions = ["main", "v6.1.9", "v6.1.8", "v6.1.7", "v6.1.6", "v6.1.5", "v6.1.4", "v6.1.3", "v6.1.2", "v6.1.1", "v6.1.0", "v6.0.2", "v6.0.1", "v6.0.0", "v5.0.0", "v4.1.1", "v4.1.0", "v4.0.0", "v3.0.0", "v2.0.0", "v0.9", "v0.11", "v0.10"];
const version_paths = {"main": "../../index.html", "v6.1.9": "../v6.1.9/index.html", "v6.1.8": "../v6.1.8/index.html", "v6.1.7": "../v6.1.7/index.html", "v6.1.6": "../v6.1.6/index.html", "v6.1.5": "../v6.1.5/index.html", "v6.1.4": "../v6.1.4/index.html", "v6.1.3": "../v6.1.3/index.html", "v6.1.2": "../v6.1.2/index.html", "v6.1.1": "../v6.1.1/index.html", "v6.1.0": "../v6.1.0/index.html", "v6.0.2": "../v6.0.2/index.html", "v6.0.1": "../v6.0.1/index.html", "v6.0.0": "../v6.0.0/index.html", "v5.0.0": "../v5.0.0/index.html", "v4.1.1": "../v4.1.1/index.html", "v4.1.0": "../v4.1.0/index.html", "v4.0.0": "index.html", "v3.0.0": "../v3.0.0/index.html", "v2.0.0": "../v2.0.0/index.html", "v0.9": "../v0.9/index.html", "v0.11": "../v0.11/index.html", "v0.10": "../v0.10/index.html"};
const currentVersion = "v4.0.0";
// Sort versions: 'main' first, then others numerically descending.
versions.sort((a, b) => {
if (a === 'main') return -1;
if (b === 'main') return 1;
return b.localeCompare(a, undefined, { numeric: true, sensitivity: 'base' });
});
const select = document.createElement('select');
select.onchange = function() {
const selectedVersion = this.value;
// Navigate directly to the pre-calculated relative path.
if (selectedVersion !== currentVersion) {
window.location.href = version_paths[selectedVersion];
}
};
versions.forEach(v => {
const option = document.createElement('option');
option.value = v;
option.textContent = v;
if (v === currentVersion) {
option.selected = true;
}
select.appendChild(option);
});
// Replace the Doxygen project number element with our dropdown.
projectNumber.replaceWith(select);
// Apply some styling to make it look good.
Object.assign(select.style, {
backgroundColor: 'rgba(0, 0, 0, 0.8)',
color: 'white',
border: '1px solid rgba(255, 255, 255, 0.2)',
padding: '5px',
borderRadius: '5px',
fontSize: '14px',
fontFamily: 'inherit',
marginLeft: '10px',
cursor: 'pointer'
});
});
</script>
</body>
</html>