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

7910 lines
584 KiB
HTML
Raw 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">6.1.4</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:a4e8295ec77dd31b0acc5063b134473e7" id="r_a4e8295ec77dd31b0acc5063b134473e7"><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="#a4e8295ec77dd31b0acc5063b134473e7">Button</a> (<a class="el" href="structftxui_1_1ButtonOption.html">ButtonOption</a> option)</td></tr>
<tr class="memdesc:a4e8295ec77dd31b0acc5063b134473e7"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a button. Execute a function when clicked. <br /></td></tr>
<tr class="separator:a4e8295ec77dd31b0acc5063b134473e7"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a0488e28ee9388e0ddca26f1d03d827d1" id="r_a0488e28ee9388e0ddca26f1d03d827d1"><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="#a0488e28ee9388e0ddca26f1d03d827d1">Button</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, std::function&lt; void()&gt; on_click, <a class="el" href="structftxui_1_1ButtonOption.html">ButtonOption</a> option)</td></tr>
<tr class="memdesc:a0488e28ee9388e0ddca26f1d03d827d1"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a button. Execute a function when clicked. <br /></td></tr>
<tr class="separator:a0488e28ee9388e0ddca26f1d03d827d1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae0d441d2c83740f187f62db566bbefcd" id="r_ae0d441d2c83740f187f62db566bbefcd"><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="#ae0d441d2c83740f187f62db566bbefcd">Checkbox</a> (<a class="el" href="structftxui_1_1CheckboxOption.html">CheckboxOption</a> option)</td></tr>
<tr class="memdesc:ae0d441d2c83740f187f62db566bbefcd"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw checkable element. <br /></td></tr>
<tr class="separator:ae0d441d2c83740f187f62db566bbefcd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5e9dbb03c44d549f10c96f134269366f" id="r_a5e9dbb03c44d549f10c96f134269366f"><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="#a5e9dbb03c44d549f10c96f134269366f">Checkbox</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, bool *checked, <a class="el" href="structftxui_1_1CheckboxOption.html">CheckboxOption</a> option)</td></tr>
<tr class="memdesc:a5e9dbb03c44d549f10c96f134269366f"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw checkable element. <br /></td></tr>
<tr class="separator:a5e9dbb03c44d549f10c96f134269366f"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7f285fcbc4dd0a0767b89a255fd062dc" id="r_a7f285fcbc4dd0a0767b89a255fd062dc"><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="#a7f285fcbc4dd0a0767b89a255fd062dc">Input</a> (<a class="el" href="structftxui_1_1InputOption.html">InputOption</a> option)</td></tr>
<tr class="memdesc:a7f285fcbc4dd0a0767b89a255fd062dc"><td class="mdescLeft">&#160;</td><td class="mdescRight">An input box for editing text. <br /></td></tr>
<tr class="separator:a7f285fcbc4dd0a0767b89a255fd062dc"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9d118d596e33bf5bee9d5eccb6265d15" id="r_a9d118d596e33bf5bee9d5eccb6265d15"><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="#a9d118d596e33bf5bee9d5eccb6265d15">Input</a> (<a class="el" href="classftxui_1_1StringRef.html">StringRef</a> content, <a class="el" href="structftxui_1_1InputOption.html">InputOption</a> option)</td></tr>
<tr class="memdesc:a9d118d596e33bf5bee9d5eccb6265d15"><td class="mdescLeft">&#160;</td><td class="mdescRight">An input box for editing text. <br /></td></tr>
<tr class="separator:a9d118d596e33bf5bee9d5eccb6265d15"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a82ba18065d2c29514f034c7278dead74" id="r_a82ba18065d2c29514f034c7278dead74"><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="#a82ba18065d2c29514f034c7278dead74">Input</a> (<a class="el" href="classftxui_1_1StringRef.html">StringRef</a> content, <a class="el" href="classftxui_1_1StringRef.html">StringRef</a> placeholder, <a class="el" href="structftxui_1_1InputOption.html">InputOption</a> option)</td></tr>
<tr class="memdesc:a82ba18065d2c29514f034c7278dead74"><td class="mdescLeft">&#160;</td><td class="mdescRight">An input box for editing text. <br /></td></tr>
<tr class="separator:a82ba18065d2c29514f034c7278dead74"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a27828fc39da10a18478ba84b1b162039" id="r_a27828fc39da10a18478ba84b1b162039"><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="#a27828fc39da10a18478ba84b1b162039">Menu</a> (<a class="el" href="structftxui_1_1MenuOption.html">MenuOption</a> option)</td></tr>
<tr class="memdesc:a27828fc39da10a18478ba84b1b162039"><td class="mdescLeft">&#160;</td><td class="mdescRight">A list of text. The focused element is selected. <br /></td></tr>
<tr class="separator:a27828fc39da10a18478ba84b1b162039"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad793a3a507766ffa711c4332a3815e24" id="r_ad793a3a507766ffa711c4332a3815e24"><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="#ad793a3a507766ffa711c4332a3815e24">Menu</a> (<a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a> entries, int *selected, <a class="el" href="structftxui_1_1MenuOption.html">MenuOption</a> option)</td></tr>
<tr class="memdesc:ad793a3a507766ffa711c4332a3815e24"><td class="mdescLeft">&#160;</td><td class="mdescRight">A list of text. The focused element is selected. <br /></td></tr>
<tr class="separator:ad793a3a507766ffa711c4332a3815e24"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a2c0a27959e6a5d90109f6d4506e00f69" id="r_a2c0a27959e6a5d90109f6d4506e00f69"><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="#a2c0a27959e6a5d90109f6d4506e00f69">MenuEntry</a> (<a class="el" href="#structftxui_1_1MenuEntryOption">MenuEntryOption</a> option)</td></tr>
<tr class="memdesc:a2c0a27959e6a5d90109f6d4506e00f69"><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:a2c0a27959e6a5d90109f6d4506e00f69"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:afca94c5cdae5fbf3c6aa81fc1cd7b1c0" id="r_afca94c5cdae5fbf3c6aa81fc1cd7b1c0"><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="#afca94c5cdae5fbf3c6aa81fc1cd7b1c0">MenuEntry</a> (<a class="el" href="classftxui_1_1ConstStringRef.html">ConstStringRef</a> label, <a class="el" href="#structftxui_1_1MenuEntryOption">MenuEntryOption</a> option)</td></tr>
<tr class="memdesc:afca94c5cdae5fbf3c6aa81fc1cd7b1c0"><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:afca94c5cdae5fbf3c6aa81fc1cd7b1c0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a3e7a44f321fa910f07aef5879e67af95" id="r_a3e7a44f321fa910f07aef5879e67af95"><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="#a3e7a44f321fa910f07aef5879e67af95">Radiobox</a> (<a class="el" href="structftxui_1_1RadioboxOption.html">RadioboxOption</a> option)</td></tr>
<tr class="memdesc:a3e7a44f321fa910f07aef5879e67af95"><td class="mdescLeft">&#160;</td><td class="mdescRight">A list of element, where only one can be selected. <br /></td></tr>
<tr class="separator:a3e7a44f321fa910f07aef5879e67af95"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ac73eebf15ff6b5386b7ee6c6cb4a4890" id="r_ac73eebf15ff6b5386b7ee6c6cb4a4890"><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="#ac73eebf15ff6b5386b7ee6c6cb4a4890">Radiobox</a> (<a class="el" href="classftxui_1_1ConstStringListRef.html">ConstStringListRef</a> entries, int *selected, <a class="el" href="structftxui_1_1RadioboxOption.html">RadioboxOption</a> option)</td></tr>
<tr class="memdesc:ac73eebf15ff6b5386b7ee6c6cb4a4890"><td class="mdescLeft">&#160;</td><td class="mdescRight">A list of element, where only one can be selected. <br /></td></tr>
<tr class="separator:ac73eebf15ff6b5386b7ee6c6cb4a4890"><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="memdesc:aa22bddff4aeed66e20f30d0715596999"><td class="mdescLeft">&#160;</td><td class="mdescRight">A dropdown menu. <br /></td></tr>
<tr class="separator:aa22bddff4aeed66e20f30d0715596999"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa4b353566017558bac648ee1409930de" id="r_aa4b353566017558bac648ee1409930de"><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="#aa4b353566017558bac648ee1409930de">Dropdown</a> (<a class="el" href="#structftxui_1_1DropdownOption">DropdownOption</a> option)</td></tr>
<tr class="memdesc:aa4b353566017558bac648ee1409930de"><td class="mdescLeft">&#160;</td><td class="mdescRight">A dropdown menu. <br /></td></tr>
<tr class="separator:aa4b353566017558bac648ee1409930de"><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:aba34419b025c881c07808816c81c5230" id="r_aba34419b025c881c07808816c81c5230"><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="#aba34419b025c881c07808816c81c5230">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:aba34419b025c881c07808816c81c5230"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5ce41caeafc35dedc5c7da5347386e80" id="r_a5ce41caeafc35dedc5c7da5347386e80"><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="#a5ce41caeafc35dedc5c7da5347386e80">ResizableSplit</a> (<a class="el" href="#structftxui_1_1ResizableSplitOption">ResizableSplitOption</a> options)</td></tr>
<tr class="memdesc:a5ce41caeafc35dedc5c7da5347386e80"><td class="mdescLeft">&#160;</td><td class="mdescRight">A split in between two components. <br /></td></tr>
<tr class="separator:a5ce41caeafc35dedc5c7da5347386e80"><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. <br /></td></tr>
<tr class="separator:a20b66a70c1cd4ff3f0ff571a4507d2b4"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a70afe9695167fb736631173201969730" id="r_a70afe9695167fb736631173201969730"><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="#a70afe9695167fb736631173201969730">Maybe</a> (<a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> child, std::function&lt; bool()&gt; show)</td></tr>
<tr class="memdesc:a70afe9695167fb736631173201969730"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate a component |child|. It is shown only when |show| returns true. <br /></td></tr>
<tr class="separator:a70afe9695167fb736631173201969730"><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. <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. <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. Uses callbacks. <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:a638693abef9289912f5fa39606390b20" id="r_a638693abef9289912f5fa39606390b20"><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="#a638693abef9289912f5fa39606390b20">Window</a> (<a class="el" href="#structftxui_1_1WindowOptions">WindowOptions</a> option)</td></tr>
<tr class="memdesc:a638693abef9289912f5fa39606390b20"><td class="mdescLeft">&#160;</td><td class="mdescRight">A draggeable / resizeable window. To use multiple of them, they must be stacked using <code><a class="el" href="namespaceftxui_1_1Container.html#aafd394665b0c231380a143b810339d8e" title="A list of components to be stacked on top of each other. Events are propagated to the first component...">Container::Stacked</a>({...})</code> component;. <br /></td></tr>
<tr class="separator:a638693abef9289912f5fa39606390b20"><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:a81f2d3256c0cfbc70f820129286f08c6" id="r_a81f2d3256c0cfbc70f820129286f08c6"><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="#a81f2d3256c0cfbc70f820129286f08c6">separatorDashed</a> ()</td></tr>
<tr class="memdesc:a81f2d3256c0cfbc70f820129286f08c6"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a vertical or horizontal separation in between two other elements, using the DASHED style. <br /></td></tr>
<tr class="separator:a81f2d3256c0cfbc70f820129286f08c6"><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:a1265cc8a52448e1b98d7abe84a04681e" id="r_a1265cc8a52448e1b98d7abe84a04681e"><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="#a1265cc8a52448e1b98d7abe84a04681e">gaugeDirection</a> (float progress, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> direction)</td></tr>
<tr class="memdesc:a1265cc8a52448e1b98d7abe84a04681e"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a high definition progress bar progressing in specified direction. <br /></td></tr>
<tr class="separator:a1265cc8a52448e1b98d7abe84a04681e"><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:a181c80f8ada12d1356f6bfa0ebb7219f" id="r_a181c80f8ada12d1356f6bfa0ebb7219f"><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="#a181c80f8ada12d1356f6bfa0ebb7219f">borderDashed</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a181c80f8ada12d1356f6bfa0ebb7219f"><td class="mdescLeft">&#160;</td><td class="mdescRight">Draw a dashed border around the element. <br /></td></tr>
<tr class="separator:a181c80f8ada12d1356f6bfa0ebb7219f"><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:a5aab98b289d2e7b2ce8ca0eeee51ce78" id="r_a5aab98b289d2e7b2ce8ca0eeee51ce78"><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="#a5aab98b289d2e7b2ce8ca0eeee51ce78">borderStyled</a> (<a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> style, <a class="el" href="classftxui_1_1Color.html">Color</a> foreground_color)</td></tr>
<tr class="memdesc:a5aab98b289d2e7b2ce8ca0eeee51ce78"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as border but with a foreground color and a different style. <br /></td></tr>
<tr class="separator:a5aab98b289d2e7b2ce8ca0eeee51ce78"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad1dbf36194dcb77674085df9e11c1e22" id="r_ad1dbf36194dcb77674085df9e11c1e22"><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="#ad1dbf36194dcb77674085df9e11c1e22">borderStyled</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> foreground_color)</td></tr>
<tr class="memdesc:ad1dbf36194dcb77674085df9e11c1e22"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as border but with a foreground color. <br /></td></tr>
<tr class="separator:ad1dbf36194dcb77674085df9e11c1e22"><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:a03049def08fa7a5eaa4d5e897152bc1a" id="r_a03049def08fa7a5eaa4d5e897152bc1a"><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="#a03049def08fa7a5eaa4d5e897152bc1a">window</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> title, <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> content, <a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a> <a class="el" href="#ae8537acd423d47cf07e61bd774fb1098">border</a>)</td></tr>
<tr class="memdesc:a03049def08fa7a5eaa4d5e897152bc1a"><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:a03049def08fa7a5eaa4d5e897152bc1a"><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:a8a8d190765de7bbd9e78f9e639c2a96d" id="r_a8a8d190765de7bbd9e78f9e639c2a96d"><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="#a8a8d190765de7bbd9e78f9e639c2a96d">italic</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a8a8d190765de7bbd9e78f9e639c2a96d"><td class="mdescLeft">&#160;</td><td class="mdescRight">Apply a underlinedDouble to text. <br /></td></tr>
<tr class="separator:a8a8d190765de7bbd9e78f9e639c2a96d"><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:a8af6b5a06b03fd53bf30a6b050b96968" id="r_a8af6b5a06b03fd53bf30a6b050b96968"><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="#a8af6b5a06b03fd53bf30a6b050b96968">color</a> (const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;gradient)</td></tr>
<tr class="memdesc:a8af6b5a06b03fd53bf30a6b050b96968"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate using a linear-gradient effect on the foreground color. <br /></td></tr>
<tr class="separator:a8af6b5a06b03fd53bf30a6b050b96968"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aee41f3eaff28a123214e81231f8f4593" id="r_aee41f3eaff28a123214e81231f8f4593"><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="#aee41f3eaff28a123214e81231f8f4593">bgcolor</a> (const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;gradient)</td></tr>
<tr class="memdesc:aee41f3eaff28a123214e81231f8f4593"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate using a linear-gradient effect on the background color. <br /></td></tr>
<tr class="separator:aee41f3eaff28a123214e81231f8f4593"><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:a050df9c8ed04eec13309d6c0542c636d" id="r_a050df9c8ed04eec13309d6c0542c636d"><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="#a050df9c8ed04eec13309d6c0542c636d">color</a> (const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;gradient, <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a050df9c8ed04eec13309d6c0542c636d"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the foreground color of an element with linear-gradient effect. <br /></td></tr>
<tr class="separator:a050df9c8ed04eec13309d6c0542c636d"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aaac1622d43662a6a02113d9230a4fdd4" id="r_aaac1622d43662a6a02113d9230a4fdd4"><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="#aaac1622d43662a6a02113d9230a4fdd4">bgcolor</a> (const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;gradient, <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:aaac1622d43662a6a02113d9230a4fdd4"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the background color of an element with linear-gradient effect. <br /></td></tr>
<tr class="separator:aaac1622d43662a6a02113d9230a4fdd4"><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:ad0eac58eac9e6cd9a04879b20f8e123b" id="r_ad0eac58eac9e6cd9a04879b20f8e123b"><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="#ad0eac58eac9e6cd9a04879b20f8e123b">hyperlink</a> (std::string link)</td></tr>
<tr class="memdesc:ad0eac58eac9e6cd9a04879b20f8e123b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Decorate using an hyperlink. The link will be opened when the user click on it. This is supported only on a limited set of terminal emulator. List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a>. <br /></td></tr>
<tr class="separator:ad0eac58eac9e6cd9a04879b20f8e123b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a8bacc04e0cbde663ccc4a4891e8b50d5" id="r_a8bacc04e0cbde663ccc4a4891e8b50d5"><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="#a8bacc04e0cbde663ccc4a4891e8b50d5">hyperlink</a> (std::string link, <a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a8bacc04e0cbde663ccc4a4891e8b50d5"><td class="mdescLeft">&#160;</td><td class="mdescRight">Make the rendered area clickable using a web browser. The link will be opened when the user click on it. This is supported only on a limited set of terminal emulator. List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a>. <br /></td></tr>
<tr class="separator:a8bacc04e0cbde663ccc4a4891e8b50d5"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa7e1317c76cefc5018503de4f6e09ea3" id="r_aa7e1317c76cefc5018503de4f6e09ea3"><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="#aa7e1317c76cefc5018503de4f6e09ea3">selectionStyleReset</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:aa7e1317c76cefc5018503de4f6e09ea3"><td class="mdescLeft">&#160;</td><td class="mdescRight">Reset the selection style of an element. <br /></td></tr>
<tr class="separator:aa7e1317c76cefc5018503de4f6e09ea3"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a925a73b7f0eb4b5bc11af23f4ca18019" id="r_a925a73b7f0eb4b5bc11af23f4ca18019"><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="#a925a73b7f0eb4b5bc11af23f4ca18019">selectionColor</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> foreground)</td></tr>
<tr class="memdesc:a925a73b7f0eb4b5bc11af23f4ca18019"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the color of an element when selected. <br /></td></tr>
<tr class="separator:a925a73b7f0eb4b5bc11af23f4ca18019"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a6c965b8f6450a50a938120b5f6ddea96" id="r_a6c965b8f6450a50a938120b5f6ddea96"><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="#a6c965b8f6450a50a938120b5f6ddea96">selectionBackgroundColor</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> foreground)</td></tr>
<tr class="memdesc:a6c965b8f6450a50a938120b5f6ddea96"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the background color of an element when selected. Note that the style is applied on top of the existing style. <br /></td></tr>
<tr class="separator:a6c965b8f6450a50a938120b5f6ddea96"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a5d98498c51cfbc03f37e46d46ec8acf5" id="r_a5d98498c51cfbc03f37e46d46ec8acf5"><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="#a5d98498c51cfbc03f37e46d46ec8acf5">selectionForegroundColor</a> (<a class="el" href="classftxui_1_1Color.html">Color</a> foreground)</td></tr>
<tr class="memdesc:a5d98498c51cfbc03f37e46d46ec8acf5"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the foreground color of an element when selected. Note that the style is applied on top of the existing style. <br /></td></tr>
<tr class="separator:a5d98498c51cfbc03f37e46d46ec8acf5"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4080865d947eea48cf695531f66a5160" id="r_a4080865d947eea48cf695531f66a5160"><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="#a4080865d947eea48cf695531f66a5160">selectionStyle</a> (std::function&lt; void(<a class="el" href="structftxui_1_1Pixel.html">Pixel</a> &amp;)&gt; style)</td></tr>
<tr class="memdesc:a4080865d947eea48cf695531f66a5160"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the style of an element when selected. <br /></td></tr>
<tr class="separator:a4080865d947eea48cf695531f66a5160"><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 proportionally 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 proportionally 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:a201220986fbdc539e42efe067985cbdb" id="r_a201220986fbdc539e42efe067985cbdb"><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="#a201220986fbdc539e42efe067985cbdb">size</a> (<a class="el" href="#a04711c04f28aabfa0e5928a35baaec53">WidthOrHeight</a> direction, <a class="el" href="#ae09f44b989d381a387329fd0a0935926">Constraint</a> constraint, int value)</td></tr>
<tr class="memdesc:a201220986fbdc539e42efe067985cbdb"><td class="mdescLeft">&#160;</td><td class="mdescRight">Apply a constraint on the size of an element. <br /></td></tr>
<tr class="separator:a201220986fbdc539e42efe067985cbdb"><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:a2d0617c0912b732f059cf360ac951c49" id="r_a2d0617c0912b732f059cf360ac951c49"><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="#a2d0617c0912b732f059cf360ac951c49">xframe</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a2d0617c0912b732f059cf360ac951c49"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>frame</code>, but only on the x-axis. <br /></td></tr>
<tr class="separator:a2d0617c0912b732f059cf360ac951c49"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7ea9d3ceb2a977955125c6e4a6072325" id="r_a7ea9d3ceb2a977955125c6e4a6072325"><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="#a7ea9d3ceb2a977955125c6e4a6072325">yframe</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a7ea9d3ceb2a977955125c6e4a6072325"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>frame</code>, but only on the y-axis. <br /></td></tr>
<tr class="separator:a7ea9d3ceb2a977955125c6e4a6072325"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:aa2d7d671f184f85e0f396f2610fa6c2e" id="r_aa2d7d671f184f85e0f396f2610fa6c2e"><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="#aa2d7d671f184f85e0f396f2610fa6c2e">focus</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:aa2d7d671f184f85e0f396f2610fa6c2e"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the <code>child</code> to be the one focused among its siblings. <br /></td></tr>
<tr class="separator:aa2d7d671f184f85e0f396f2610fa6c2e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a9e3e2988ed61a129d82d634ad66f7eb1" id="r_a9e3e2988ed61a129d82d634ad66f7eb1"><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="#a9e3e2988ed61a129d82d634ad66f7eb1">select</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a9e3e2988ed61a129d82d634ad66f7eb1"><td class="mdescLeft">&#160;</td><td class="mdescRight">Set the <code>child</code> to be the one focused among its siblings. <br /></td></tr>
<tr class="separator:a9e3e2988ed61a129d82d634ad66f7eb1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a509ef7e7f8913ea3de7efd45e3301ea1" id="r_a509ef7e7f8913ea3de7efd45e3301ea1"><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="#a509ef7e7f8913ea3de7efd45e3301ea1">focusCursorBlock</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a509ef7e7f8913ea3de7efd45e3301ea1"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>focus</code>, but set the cursor shape to be a still block. <br /></td></tr>
<tr class="separator:a509ef7e7f8913ea3de7efd45e3301ea1"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:adda589914ba8fe863c905b6566557768" id="r_adda589914ba8fe863c905b6566557768"><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="#adda589914ba8fe863c905b6566557768">focusCursorBlockBlinking</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:adda589914ba8fe863c905b6566557768"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>focus</code>, but set the cursor shape to be a blinking block. <br /></td></tr>
<tr class="separator:adda589914ba8fe863c905b6566557768"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a4f89e72e7001064e3eb8189c8317e95b" id="r_a4f89e72e7001064e3eb8189c8317e95b"><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="#a4f89e72e7001064e3eb8189c8317e95b">focusCursorBar</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a4f89e72e7001064e3eb8189c8317e95b"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>focus</code>, but set the cursor shape to be a still block. <br /></td></tr>
<tr class="separator:a4f89e72e7001064e3eb8189c8317e95b"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a085a7c997e7364c5a54e73c7b84145db" id="r_a085a7c997e7364c5a54e73c7b84145db"><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="#a085a7c997e7364c5a54e73c7b84145db">focusCursorBarBlinking</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a085a7c997e7364c5a54e73c7b84145db"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>focus</code>, but set the cursor shape to be a blinking bar. <br /></td></tr>
<tr class="separator:a085a7c997e7364c5a54e73c7b84145db"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a61e1fe02a18c2b18e31ccc9cd3943823" id="r_a61e1fe02a18c2b18e31ccc9cd3943823"><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="#a61e1fe02a18c2b18e31ccc9cd3943823">focusCursorUnderline</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a61e1fe02a18c2b18e31ccc9cd3943823"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>focus</code>, but set the cursor shape to be a still underline. <br /></td></tr>
<tr class="separator:a61e1fe02a18c2b18e31ccc9cd3943823"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a33637d59d1e52aa06dd2a94162adbfe9" id="r_a33637d59d1e52aa06dd2a94162adbfe9"><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="#a33637d59d1e52aa06dd2a94162adbfe9">focusCursorUnderlineBlinking</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a33637d59d1e52aa06dd2a94162adbfe9"><td class="mdescLeft">&#160;</td><td class="mdescRight">Same as <code>focus</code>, but set the cursor shape to be a blinking underline. <br /></td></tr>
<tr class="separator:a33637d59d1e52aa06dd2a94162adbfe9"><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">Display a vertical scrollbar to the right. colors. <br /></td></tr>
<tr class="separator:a1974176e676afdb96d203e8e0f579219"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a7f48136f949ccbde722dd93a6de4d0de" id="r_a7f48136f949ccbde722dd93a6de4d0de"><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="#a7f48136f949ccbde722dd93a6de4d0de">hscroll_indicator</a> (<a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> child)</td></tr>
<tr class="memdesc:a7f48136f949ccbde722dd93a6de4d0de"><td class="mdescLeft">&#160;</td><td class="mdescRight">Display an horizontal scrollbar to the bottom. colors. <br /></td></tr>
<tr class="separator:a7f48136f949ccbde722dd93a6de4d0de"><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:ab35030b64136afa183d474d11bd1f6dd" id="r_ab35030b64136afa183d474d11bd1f6dd"><td class="memItemLeft" align="right" valign="top">void&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ab35030b64136afa183d474d11bd1f6dd">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, <a class="el" href="classftxui_1_1Selection.html">Selection</a> &amp;selection)</td></tr>
<tr class="separator:ab35030b64136afa183d474d11bd1f6dd"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a1a3d5804148186b3d4bcc07391ba5f30" id="r_a1a3d5804148186b3d4bcc07391ba5f30"><td class="memItemLeft" align="right" valign="top">std::string&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a1a3d5804148186b3d4bcc07391ba5f30">GetNodeSelectedContent</a> (<a class="el" href="classftxui_1_1Screen.html">Screen</a> &amp;screen, <a class="el" href="classftxui_1_1Node.html">Node</a> *node, <a class="el" href="classftxui_1_1Selection.html">Selection</a> &amp;selection)</td></tr>
<tr class="separator:a1a3d5804148186b3d4bcc07391ba5f30"><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: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>
<tr class="memitem:a903cd2e24b3b7cf8d7d4daa680e0a8d5" id="r_a903cd2e24b3b7cf8d7d4daa680e0a8d5"><td class="memItemLeft" align="right" valign="top">bool&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a903cd2e24b3b7cf8d7d4daa680e0a8d5">EatCodePoint</a> (const std::string &amp;input, size_t start, size_t *end, uint32_t *ucs)</td></tr>
<tr class="separator:a903cd2e24b3b7cf8d7d4daa680e0a8d5"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a88b8b2f726acaf2aca140a403989d8d0" id="r_a88b8b2f726acaf2aca140a403989d8d0"><td class="memItemLeft" align="right" valign="top">bool&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a88b8b2f726acaf2aca140a403989d8d0">EatCodePoint</a> (const std::wstring &amp;input, size_t start, size_t *end, uint32_t *ucs)</td></tr>
<tr class="separator:a88b8b2f726acaf2aca140a403989d8d0"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a506e6b467ddd8d11646942fd101d8e9e" id="r_a506e6b467ddd8d11646942fd101d8e9e"><td class="memItemLeft" align="right" valign="top">bool&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a506e6b467ddd8d11646942fd101d8e9e">IsCombining</a> (uint32_t ucs)</td></tr>
<tr class="separator:a506e6b467ddd8d11646942fd101d8e9e"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:abd13f584efddd3a7e5749c9c5e841a11" id="r_abd13f584efddd3a7e5749c9c5e841a11"><td class="memItemLeft" align="right" valign="top">bool&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#abd13f584efddd3a7e5749c9c5e841a11">IsFullWidth</a> (uint32_t ucs)</td></tr>
<tr class="separator:abd13f584efddd3a7e5749c9c5e841a11"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a037df033cc26c960faa54b52bdbea900" id="r_a037df033cc26c960faa54b52bdbea900"><td class="memItemLeft" align="right" valign="top">bool&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a037df033cc26c960faa54b52bdbea900">IsControl</a> (uint32_t ucs)</td></tr>
<tr class="separator:a037df033cc26c960faa54b52bdbea900"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a191b3278846ceb6ac35d2e4eb26db759" id="r_a191b3278846ceb6ac35d2e4eb26db759"><td class="memItemLeft" align="right" valign="top"><a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968a">WordBreakProperty</a>&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a191b3278846ceb6ac35d2e4eb26db759">CodepointToWordBreakProperty</a> (uint32_t codepoint)</td></tr>
<tr class="separator:a191b3278846ceb6ac35d2e4eb26db759"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ae2ef74edc55750554e97ea71c5887650" id="r_ae2ef74edc55750554e97ea71c5887650"><td class="memItemLeft" align="right" valign="top">size_t&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ae2ef74edc55750554e97ea71c5887650">GlyphPrevious</a> (const std::string &amp;input, size_t start)</td></tr>
<tr class="separator:ae2ef74edc55750554e97ea71c5887650"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:a02453c4504a5cfbc83b38abd4ec6d8ba" id="r_a02453c4504a5cfbc83b38abd4ec6d8ba"><td class="memItemLeft" align="right" valign="top">size_t&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a02453c4504a5cfbc83b38abd4ec6d8ba">GlyphNext</a> (const std::string &amp;input, size_t start)</td></tr>
<tr class="separator:a02453c4504a5cfbc83b38abd4ec6d8ba"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:ad74a7d623ff7a09787469021d30c9461" id="r_ad74a7d623ff7a09787469021d30c9461"><td class="memItemLeft" align="right" valign="top">size_t&#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#ad74a7d623ff7a09787469021d30c9461">GlyphIterate</a> (const std::string &amp;input, int glyph_offset, size_t start)</td></tr>
<tr class="separator:ad74a7d623ff7a09787469021d30c9461"><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="#a5a8ec19f52346e9aad9dbab9108b968a">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>
</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:a224b9163917ac32fc95a60d8c1eec3aa" id="r_a224b9163917ac32fc95a60d8c1eec3aa"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a> { <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa258f49887ef8d14ac268c92b02503aaa">Up</a> = 0
, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa08a38277b0309070706f6652eeae9a53">Down</a> = 1
, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff">Left</a> = 2
, <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c">Right</a> = 3
}</td></tr>
<tr class="separator:a224b9163917ac32fc95a60d8c1eec3aa"><td class="memSeparator" colspan="2">&#160;</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="#afe3103dd0b8240c5443892484ef5af9ca830310bdfd296d7cd00c59773579b892">DASHED</a>
, <a class="el" href="#afe3103dd0b8240c5443892484ef5af9ca34cd68a92c52759ed9b545969a11c2da">HEAVY</a>
, <a class="el" href="#afe3103dd0b8240c5443892484ef5af9ca33465d1d419b1074fb259ef444609e92">DOUBLE</a>
, <br />
&#160;&#160;<a class="el" href="#afe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493">ROUNDED</a>
, <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:a04711c04f28aabfa0e5928a35baaec53" id="r_a04711c04f28aabfa0e5928a35baaec53"><td class="memItemLeft" align="right" valign="top">enum &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a04711c04f28aabfa0e5928a35baaec53">WidthOrHeight</a> { <a class="el" href="#a04711c04f28aabfa0e5928a35baaec53a73c0818986b7c462c2977f57afd00522">WIDTH</a>
, <a class="el" href="#a04711c04f28aabfa0e5928a35baaec53a38b9241136017b93ea2755a49cf0a000">HEIGHT</a>
}</td></tr>
<tr class="separator:a04711c04f28aabfa0e5928a35baaec53"><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:a5a8ec19f52346e9aad9dbab9108b968a" id="r_a5a8ec19f52346e9aad9dbab9108b968a"><td class="memItemLeft" align="right" valign="top">enum class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968a">WordBreakProperty</a> : int8_t { <br />
&#160;&#160;<a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aab1bb481a6d76de94d35e1d67cb85d966">ALetter</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa1d7b33fc26ca22c2011aaa97fecc43d8">CR</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa3a1f5142815614aa554e376af7047de3">Double_Quote</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa3bc026b815790a05493fa56fc4b8d8bd">Extend</a>
, <br />
&#160;&#160;<a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aadcba983044c9eb2afae2e2eaef5fe818">ExtendNumLet</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa520d0db389f362bf79ef56ca0af3dcab">Format</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa3b076a28de949c89c8443aa0cd42ef17">Hebrew_Letter</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aaedb097c9a1cb7aed483367f825211f75">Katakana</a>
, <br />
&#160;&#160;<a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa618441d41cce47dbcfd9bed6e5ff64e6">LF</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aab681d24011467edf425478fed96fbcde">MidLetter</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa876e36e8a85514e9c141b2aa3a7bfb5c">MidNum</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa4d4a2ec3c1ff2c647ff25b61136aabff">MidNumLet</a>
, <br />
&#160;&#160;<a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa755fee300780823fcf4df98383331745">Newline</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa87322391cc6e8948ce9fd5d6cb84fced">Numeric</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa7f219844b91c2bb3bdb5fb7ffbdfca72">Regional_Indicator</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aab6f9a00a0255e4da280686c4640c7671">Single_Quote</a>
, <br />
&#160;&#160;<a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aa3ddc36a0c4e381a754fb00548d567d09">WSegSpace</a>
, <a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968aacb4adf7b93435bdfbae8f32d5bcda514">ZWJ</a>
<br />
}</td></tr>
<tr class="separator:a5a8ec19f52346e9aad9dbab9108b968a"><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>
</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_1DropdownOption" id="r_structftxui_1_1DropdownOption"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1DropdownOption">DropdownOption</a></td></tr>
<tr class="memdesc:structftxui_1_1DropdownOption"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the Dropdown component.A dropdown menu is a checkbox opening/closing a radiobox. <a href="#structftxui_1_1DropdownOption">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1DropdownOption"><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:"><td class="memItemLeft" align="right" valign="top">class &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="classftxui_1_1Image.html">Image</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_1Image.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_1InputOption.html">InputOption</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Option for the Input component. <a href="structftxui_1_1InputOption.html#details">More...</a><br /></td></tr>
<tr class="separator:"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1InputState" id="r_structftxui_1_1InputState"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1InputState">InputState</a></td></tr>
<tr class="memdesc:structftxui_1_1InputState"><td class="mdescLeft">&#160;</td><td class="mdescRight">Used to define style for the Input component. <a href="#structftxui_1_1InputState">More...</a><br /></td></tr>
<tr class="separator:structftxui_1_1InputState"><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_1LinearGradient.html">LinearGradient</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">A class representing the settings for linear-gradient color effect. <a href="structftxui_1_1LinearGradient.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_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:structftxui_1_1Requirement" id="r_structftxui_1_1Requirement"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1Requirement">Requirement</a></td></tr>
<tr class="separator:structftxui_1_1Requirement"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1ResizableSplitOption" id="r_structftxui_1_1ResizableSplitOption"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1ResizableSplitOption">ResizableSplitOption</a></td></tr>
<tr class="separator:structftxui_1_1ResizableSplitOption"><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_1Selection.html">Selection</a></td></tr>
<tr class="memdesc:"><td class="mdescLeft">&#160;</td><td class="mdescRight">Represent a selection in the terminal. <a href="classftxui_1_1Selection.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_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>
<tr class="memitem:structftxui_1_1WindowOptions" id="r_structftxui_1_1WindowOptions"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1WindowOptions">WindowOptions</a></td></tr>
<tr class="separator:structftxui_1_1WindowOptions"><td class="memSeparator" colspan="2">&#160;</td></tr>
<tr class="memitem:structftxui_1_1WindowRenderState" id="r_structftxui_1_1WindowRenderState"><td class="memItemLeft" align="right" valign="top">struct &#160;</td><td class="memItemRight" valign="bottom"><a class="el" href="#structftxui_1_1WindowRenderState">WindowRenderState</a></td></tr>
<tr class="separator:structftxui_1_1WindowRenderState"><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_1DropdownOption" id="structftxui_1_1DropdownOption"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1DropdownOption">&#9670;&#160;</a></span>ftxui::DropdownOption</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::DropdownOption</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_1InputState" id="structftxui_1_1InputState"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1InputState">&#9670;&#160;</a></span>ftxui::InputState</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::InputState</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_1Requirement" id="structftxui_1_1Requirement"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1Requirement">&#9670;&#160;</a></span>ftxui::Requirement</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::Requirement</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1ResizableSplitOption" id="structftxui_1_1ResizableSplitOption"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1ResizableSplitOption">&#9670;&#160;</a></span>ftxui::ResizableSplitOption</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::ResizableSplitOption</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>
<a name="structftxui_1_1WindowOptions" id="structftxui_1_1WindowOptions"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1WindowOptions">&#9670;&#160;</a></span>ftxui::WindowOptions</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::WindowOptions</td>
</tr>
</table>
</div><div class="memdoc">
</div>
</div>
<a name="structftxui_1_1WindowRenderState" id="structftxui_1_1WindowRenderState"></a>
<h2 class="memtitle"><span class="permalink"><a href="#structftxui_1_1WindowRenderState">&#9670;&#160;</a></span>ftxui::WindowRenderState</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">struct ftxui::WindowRenderState</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#l00019">19</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#l00031">31</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#l00032">32</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#l00024">24</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#l00025">25</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#l00045">45</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#l00046">46</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#l00013">13</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#l00014">14</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#l00022">22</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#l00023">23</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#l00024">24</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#l00025">25</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<h2 class="groupheader">Enumeration Type Documentation</h2>
<a id="a224b9163917ac32fc95a60d8c1eec3aa" name="a224b9163917ac32fc95a60d8c1eec3aa"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a224b9163917ac32fc95a60d8c1eec3aa">&#9670;&#160;</a></span>Direction</h2>
<div class="memitem">
<div class="memproto">
<table class="mlabels">
<tr>
<td class="mlabels-left">
<table class="memname">
<tr>
<td class="memname">enum class <a class="el" href="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</a></td>
</tr>
</table>
</td>
<td class="mlabels-right">
<span class="mlabels"><span class="mlabel">strong</span></span> </td>
</tr>
</table>
</div><div class="memdoc">
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa258f49887ef8d14ac268c92b02503aaa" name="a224b9163917ac32fc95a60d8c1eec3aaa258f49887ef8d14ac268c92b02503aaa"></a>Up&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa08a38277b0309070706f6652eeae9a53" name="a224b9163917ac32fc95a60d8c1eec3aaa08a38277b0309070706f6652eeae9a53"></a>Down&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff" name="a224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff"></a>Left&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c" name="a224b9163917ac32fc95a60d8c1eec3aaa92b09c7c48c520c3c55e497875da437c"></a>Right&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="direction_8hpp_source.html#l00008">8</a> of file <a class="el" href="direction_8hpp_source.html">direction.hpp</a>.</p>
</div>
</div>
<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="afe3103dd0b8240c5443892484ef5af9ca830310bdfd296d7cd00c59773579b892" name="afe3103dd0b8240c5443892484ef5af9ca830310bdfd296d7cd00c59773579b892"></a>DASHED&#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#l00027">27</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="a04711c04f28aabfa0e5928a35baaec53" name="a04711c04f28aabfa0e5928a35baaec53"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a04711c04f28aabfa0e5928a35baaec53">&#9670;&#160;</a></span>WidthOrHeight</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">enum <a class="el" href="#a04711c04f28aabfa0e5928a35baaec53">WidthOrHeight</a></td>
</tr>
</table>
</div><div class="memdoc">
<table class="fieldtable">
<tr><th colspan="2">Enumerator</th></tr><tr><td class="fieldname"><a id="a04711c04f28aabfa0e5928a35baaec53a73c0818986b7c462c2977f57afd00522" name="a04711c04f28aabfa0e5928a35baaec53a73c0818986b7c462c2977f57afd00522"></a>WIDTH&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a04711c04f28aabfa0e5928a35baaec53a38b9241136017b93ea2755a49cf0a000" name="a04711c04f28aabfa0e5928a35baaec53a38b9241136017b93ea2755a49cf0a000"></a>HEIGHT&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="elements_8hpp_source.html#l00153">153</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#l00154">154</a> of file <a class="el" href="elements_8hpp_source.html">elements.hpp</a>.</p>
</div>
</div>
<a id="a5a8ec19f52346e9aad9dbab9108b968a" name="a5a8ec19f52346e9aad9dbab9108b968a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5a8ec19f52346e9aad9dbab9108b968a">&#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="#a5a8ec19f52346e9aad9dbab9108b968a">WordBreakProperty</a> : int8_t</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="a5a8ec19f52346e9aad9dbab9108b968aab1bb481a6d76de94d35e1d67cb85d966" name="a5a8ec19f52346e9aad9dbab9108b968aab1bb481a6d76de94d35e1d67cb85d966"></a>ALetter&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa1d7b33fc26ca22c2011aaa97fecc43d8" name="a5a8ec19f52346e9aad9dbab9108b968aa1d7b33fc26ca22c2011aaa97fecc43d8"></a>CR&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa3a1f5142815614aa554e376af7047de3" name="a5a8ec19f52346e9aad9dbab9108b968aa3a1f5142815614aa554e376af7047de3"></a>Double_Quote&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa3bc026b815790a05493fa56fc4b8d8bd" name="a5a8ec19f52346e9aad9dbab9108b968aa3bc026b815790a05493fa56fc4b8d8bd"></a>Extend&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aadcba983044c9eb2afae2e2eaef5fe818" name="a5a8ec19f52346e9aad9dbab9108b968aadcba983044c9eb2afae2e2eaef5fe818"></a>ExtendNumLet&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa520d0db389f362bf79ef56ca0af3dcab" name="a5a8ec19f52346e9aad9dbab9108b968aa520d0db389f362bf79ef56ca0af3dcab"></a>Format&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa3b076a28de949c89c8443aa0cd42ef17" name="a5a8ec19f52346e9aad9dbab9108b968aa3b076a28de949c89c8443aa0cd42ef17"></a>Hebrew_Letter&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aaedb097c9a1cb7aed483367f825211f75" name="a5a8ec19f52346e9aad9dbab9108b968aaedb097c9a1cb7aed483367f825211f75"></a>Katakana&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa618441d41cce47dbcfd9bed6e5ff64e6" name="a5a8ec19f52346e9aad9dbab9108b968aa618441d41cce47dbcfd9bed6e5ff64e6"></a>LF&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aab681d24011467edf425478fed96fbcde" name="a5a8ec19f52346e9aad9dbab9108b968aab681d24011467edf425478fed96fbcde"></a>MidLetter&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa876e36e8a85514e9c141b2aa3a7bfb5c" name="a5a8ec19f52346e9aad9dbab9108b968aa876e36e8a85514e9c141b2aa3a7bfb5c"></a>MidNum&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa4d4a2ec3c1ff2c647ff25b61136aabff" name="a5a8ec19f52346e9aad9dbab9108b968aa4d4a2ec3c1ff2c647ff25b61136aabff"></a>MidNumLet&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa755fee300780823fcf4df98383331745" name="a5a8ec19f52346e9aad9dbab9108b968aa755fee300780823fcf4df98383331745"></a>Newline&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa87322391cc6e8948ce9fd5d6cb84fced" name="a5a8ec19f52346e9aad9dbab9108b968aa87322391cc6e8948ce9fd5d6cb84fced"></a>Numeric&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa7f219844b91c2bb3bdb5fb7ffbdfca72" name="a5a8ec19f52346e9aad9dbab9108b968aa7f219844b91c2bb3bdb5fb7ffbdfca72"></a>Regional_Indicator&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aab6f9a00a0255e4da280686c4640c7671" name="a5a8ec19f52346e9aad9dbab9108b968aab6f9a00a0255e4da280686c4640c7671"></a>Single_Quote&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aa3ddc36a0c4e381a754fb00548d567d09" name="a5a8ec19f52346e9aad9dbab9108b968aa3ddc36a0c4e381a754fb00548d567d09"></a>WSegSpace&#160;</td><td class="fielddoc"></td></tr>
<tr><td class="fieldname"><a id="a5a8ec19f52346e9aad9dbab9108b968aacb4adf7b93435bdfbae8f32d5bcda514" name="a5a8ec19f52346e9aad9dbab9108b968aacb4adf7b93435bdfbae8f32d5bcda514"></a>ZWJ&#160;</td><td class="fielddoc"></td></tr>
</table>
<p class="definition">Definition at line <a class="el" href="string__internal_8hpp_source.html#l00040">40</a> of file <a class="el" href="string__internal_8hpp_source.html">string_internal.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#l00026">26</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#l00012">12</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#l00017">17</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#l00022">22</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#l00028">28</a> of file <a class="el" href="component_2util_8cpp_source.html">util.cpp</a>.</p>
</div>
</div>
<a id="a4e8295ec77dd31b0acc5063b134473e7" name="a4e8295ec77dd31b0acc5063b134473e7"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4e8295ec77dd31b0acc5063b134473e7">&#9670;&#160;</a></span>Button() <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> Button </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1ButtonOption.html">ButtonOption</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></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">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"><a class="code hl_typedef" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> button = <a class="code hl_function" href="#a4e8295ec77dd31b0acc5063b134473e7">Button</a>({</div>
<div class="line"> .label = <span class="stringliteral">&quot;Click to quit&quot;</span>,</div>
<div class="line"> .on_click = screen.ExitLoopClosure(),</div>
<div class="line">});</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#l00416">screen_interactive.cpp:416</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a4e8295ec77dd31b0acc5063b134473e7"><div class="ttname"><a href="#a4e8295ec77dd31b0acc5063b134473e7">ftxui::Button</a></div><div class="ttdeci">Component Button(ButtonOption options)</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#l00176">button.cpp:176</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#l00024">component_base.hpp:24</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#l00176">176</a> of file <a class="el" href="button_8cpp_source.html">button.cpp</a>.</p>
</div>
</div>
<a id="a0488e28ee9388e0ddca26f1d03d827d1" name="a0488e28ee9388e0ddca26f1d03d827d1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a0488e28ee9388e0ddca26f1d03d827d1">&#9670;&#160;</a></span>Button() <span class="overload">[2/2]</span></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="structftxui_1_1ButtonOption.html">ButtonOption</a></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_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#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="#a4e8295ec77dd31b0acc5063b134473e7">Button</a>(&amp;label, screen.ExitLoopClosure());</div>
<div class="line">screen.Loop(button)</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md3"></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#l00204">204</a> of file <a class="el" href="button_8cpp_source.html">button.cpp</a>.</p>
</div>
</div>
<a id="ae0d441d2c83740f187f62db566bbefcd" name="ae0d441d2c83740f187f62db566bbefcd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae0d441d2c83740f187f62db566bbefcd">&#9670;&#160;</a></span>Checkbox() <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> Checkbox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1CheckboxOption.html">CheckboxOption</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></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">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_md6"></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"><a class="code hl_struct" href="structftxui_1_1CheckboxOption.html">CheckboxOption</a> option;</div>
<div class="line">option.<a class="code hl_variable" href="structftxui_1_1CheckboxOption.html#a336758144ce2b1095f2a0ef062551f5b">label</a> = <span class="stringliteral">&quot;Make a sandwidth&quot;</span>;</div>
<div class="line">option.<a class="code hl_variable" href="structftxui_1_1CheckboxOption.html#ab7741e52624c0d7906159d77edffe27e">checked</a> = <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="#ae0d441d2c83740f187f62db566bbefcd">Checkbox</a>(option);</div>
<div class="line">screen.Loop(checkbox)</div>
<div class="ttc" id="anamespaceftxui_html_ae0d441d2c83740f187f62db566bbefcd"><div class="ttname"><a href="#ae0d441d2c83740f187f62db566bbefcd">ftxui::Checkbox</a></div><div class="ttdeci">Component Checkbox(CheckboxOption options)</div><div class="ttdoc">Draw checkable element.</div><div class="ttdef"><b>Definition</b> <a href="checkbox_8cpp_source.html#l00108">checkbox.cpp:108</a></div></div>
<div class="ttc" id="astructftxui_1_1CheckboxOption_html"><div class="ttname"><a href="structftxui_1_1CheckboxOption.html">ftxui::CheckboxOption</a></div><div class="ttdoc">Option for the Checkbox component.</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00135">component_options.hpp:135</a></div></div>
<div class="ttc" id="astructftxui_1_1CheckboxOption_html_a336758144ce2b1095f2a0ef062551f5b"><div class="ttname"><a href="structftxui_1_1CheckboxOption.html#a336758144ce2b1095f2a0ef062551f5b">ftxui::CheckboxOption::label</a></div><div class="ttdeci">ConstStringRef label</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00139">component_options.hpp:139</a></div></div>
<div class="ttc" id="astructftxui_1_1CheckboxOption_html_ab7741e52624c0d7906159d77edffe27e"><div class="ttname"><a href="structftxui_1_1CheckboxOption.html#ab7741e52624c0d7906159d77edffe27e">ftxui::CheckboxOption::checked</a></div><div class="ttdeci">Ref&lt; bool &gt; checked</div><div class="ttdef"><b>Definition</b> <a href="component__options_8hpp_source.html#l00141">component_options.hpp:141</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md7"></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#l00108">108</a> of file <a class="el" href="checkbox_8cpp_source.html">checkbox.cpp</a>.</p>
</div>
</div>
<a id="a5e9dbb03c44d549f10c96f134269366f" name="a5e9dbb03c44d549f10c96f134269366f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5e9dbb03c44d549f10c96f134269366f">&#9670;&#160;</a></span>Checkbox() <span class="overload">[2/2]</span></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="structftxui_1_1CheckboxOption.html">CheckboxOption</a></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_md8"></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="#ae0d441d2c83740f187f62db566bbefcd">Checkbox</a>(&amp;label, &amp;checked);</div>
<div class="line">screen.Loop(checkbox)</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md9"></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#l00135">135</a> of file <a class="el" href="checkbox_8cpp_source.html">checkbox.cpp</a>.</p>
</div>
</div>
<a id="a7f285fcbc4dd0a0767b89a255fd062dc" name="a7f285fcbc4dd0a0767b89a255fd062dc"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7f285fcbc4dd0a0767b89a255fd062dc">&#9670;&#160;</a></span>Input() <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> Input </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1InputOption.html">InputOption</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></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">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_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#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="#a7f285fcbc4dd0a0767b89a255fd062dc">Input</a>({</div>
<div class="line"> .content = &amp;content,</div>
<div class="line"> .placeholder = &amp;placeholder,</div>
<div class="line">})</div>
<div class="line">screen.Loop(input);</div>
<div class="ttc" id="anamespaceftxui_html_a7f285fcbc4dd0a0767b89a255fd062dc"><div class="ttname"><a href="#a7f285fcbc4dd0a0767b89a255fd062dc">ftxui::Input</a></div><div class="ttdeci">Component Input(InputOption options={})</div><div class="ttdoc">An input box for editing text.</div><div class="ttdef"><b>Definition</b> <a href="input_8cpp_source.html#l00571">input.cpp:571</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md23"></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#l00571">571</a> of file <a class="el" href="input_8cpp_source.html">input.cpp</a>.</p>
</div>
</div>
<a id="a9d118d596e33bf5bee9d5eccb6265d15" name="a9d118d596e33bf5bee9d5eccb6265d15"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9d118d596e33bf5bee9d5eccb6265d15">&#9670;&#160;</a></span>Input() <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> 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="structftxui_1_1InputOption.html">InputOption</a></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">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_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#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="#a7f285fcbc4dd0a0767b89a255fd062dc">Input</a>(content, {</div>
<div class="line"> .placeholder = &amp;placeholder,</div>
<div class="line"> .password = <span class="keyword">true</span>,</div>
<div class="line">})</div>
<div class="line">screen.Loop(input);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md25"></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#l00599">599</a> of file <a class="el" href="input_8cpp_source.html">input.cpp</a>.</p>
</div>
</div>
<a id="a82ba18065d2c29514f034c7278dead74" name="a82ba18065d2c29514f034c7278dead74"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a82ba18065d2c29514f034c7278dead74">&#9670;&#160;</a></span>Input() <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> 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_1StringRef.html">StringRef</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="structftxui_1_1InputOption.html">InputOption</a></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">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_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#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="#a7f285fcbc4dd0a0767b89a255fd062dc">Input</a>(content, placeholder);</div>
<div class="line">screen.Loop(input);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md27"></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#l00625">625</a> of file <a class="el" href="input_8cpp_source.html">input.cpp</a>.</p>
</div>
</div>
<a id="a27828fc39da10a18478ba84b1b162039" name="a27828fc39da10a18478ba84b1b162039"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a27828fc39da10a18478ba84b1b162039">&#9670;&#160;</a></span>Menu() <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> Menu </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1MenuOption.html">MenuOption</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></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">option</td><td>a structure containing all the paramters.</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">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="#a27828fc39da10a18478ba84b1b162039">Menu</a>({</div>
<div class="line"> .entries = &amp;entries,</div>
<div class="line"> .selected = &amp;selected,</div>
<div class="line">});</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#l00406">screen_interactive.cpp:406</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a27828fc39da10a18478ba84b1b162039"><div class="ttname"><a href="#a27828fc39da10a18478ba84b1b162039">ftxui::Menu</a></div><div class="ttdeci">Component Menu(MenuOption options)</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#l00512">menu.cpp:512</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md32"></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#l00512">512</a> of file <a class="el" href="menu_8cpp_source.html">menu.cpp</a>.</p>
</div>
</div>
<a id="ad793a3a507766ffa711c4332a3815e24" name="ad793a3a507766ffa711c4332a3815e24"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad793a3a507766ffa711c4332a3815e24">&#9670;&#160;</a></span>Menu() <span class="overload">[2/2]</span></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="structftxui_1_1MenuOption.html">MenuOption</a></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_md33"></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="#a27828fc39da10a18478ba84b1b162039">Menu</a>(&amp;entries, &amp;selected);</div>
<div class="line">screen.Loop(menu);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md34"></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#l00543">543</a> of file <a class="el" href="menu_8cpp_source.html">menu.cpp</a>.</p>
</div>
</div>
<a id="a2c0a27959e6a5d90109f6d4506e00f69" name="a2c0a27959e6a5d90109f6d4506e00f69"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2c0a27959e6a5d90109f6d4506e00f69">&#9670;&#160;</a></span>MenuEntry() <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> MenuEntry </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1MenuEntryOption">MenuEntryOption</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></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">option</td><td>The parameters.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md37"></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="#a2c0a27959e6a5d90109f6d4506e00f69">MenuEntry</a>({.label = <span class="stringliteral">&quot;entry 1&quot;</span>}),</div>
<div class="line"> <a class="code hl_function" href="#a2c0a27959e6a5d90109f6d4506e00f69">MenuEntry</a>({.label = <span class="stringliteral">&quot;entry 2&quot;</span>}),</div>
<div class="line"> <a class="code hl_function" href="#a2c0a27959e6a5d90109f6d4506e00f69">MenuEntry</a>({.label = <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#l00317">container.cpp:317</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a2c0a27959e6a5d90109f6d4506e00f69"><div class="ttname"><a href="#a2c0a27959e6a5d90109f6d4506e00f69">ftxui::MenuEntry</a></div><div class="ttdeci">Component MenuEntry(MenuEntryOption options)</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#l00614">menu.cpp:614</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md38"></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#l00614">614</a> of file <a class="el" href="menu_8cpp_source.html">menu.cpp</a>.</p>
</div>
</div>
<a id="afca94c5cdae5fbf3c6aa81fc1cd7b1c0" name="afca94c5cdae5fbf3c6aa81fc1cd7b1c0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#afca94c5cdae5fbf3c6aa81fc1cd7b1c0">&#9670;&#160;</a></span>MenuEntry() <span class="overload">[2/2]</span></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="#structftxui_1_1MenuEntryOption">MenuEntryOption</a></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_md35"></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="#a2c0a27959e6a5d90109f6d4506e00f69">MenuEntry</a>(<span class="stringliteral">&quot;entry 1&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a2c0a27959e6a5d90109f6d4506e00f69">MenuEntry</a>(<span class="stringliteral">&quot;entry 2&quot;</span>),</div>
<div class="line"> <a class="code hl_function" href="#a2c0a27959e6a5d90109f6d4506e00f69">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><!-- fragment --><h3><a class="anchor" id="autotoc_md36"></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#l00584">584</a> of file <a class="el" href="menu_8cpp_source.html">menu.cpp</a>.</p>
</div>
</div>
<a id="a3e7a44f321fa910f07aef5879e67af95" name="a3e7a44f321fa910f07aef5879e67af95"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a3e7a44f321fa910f07aef5879e67af95">&#9670;&#160;</a></span>Radiobox() <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> Radiobox </td>
<td>(</td>
<td class="paramtype"><a class="el" href="structftxui_1_1RadioboxOption.html">RadioboxOption</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></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">option</td><td>The parameters</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd>RadioboxBase</dd></dl>
<h3><a class="anchor" id="autotoc_md39"></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="#a3e7a44f321fa910f07aef5879e67af95">Radiobox</a>({</div>
<div class="line"> .entries = entries,</div>
<div class="line"> .selected = &amp;selected,</div>
<div class="line">});</div>
<div class="line">screen.Loop(menu);</div>
<div class="ttc" id="anamespaceftxui_html_a3e7a44f321fa910f07aef5879e67af95"><div class="ttname"><a href="#a3e7a44f321fa910f07aef5879e67af95">ftxui::Radiobox</a></div><div class="ttdeci">Component Radiobox(RadioboxOption options)</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#l00204">radiobox.cpp:204</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md40"></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> NOLINTNEXTLINE </p>
<p class="definition">Definition at line <a class="el" href="radiobox_8cpp_source.html#l00204">204</a> of file <a class="el" href="radiobox_8cpp_source.html">radiobox.cpp</a>.</p>
</div>
</div>
<a id="ac73eebf15ff6b5386b7ee6c6cb4a4890" name="ac73eebf15ff6b5386b7ee6c6cb4a4890"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ac73eebf15ff6b5386b7ee6c6cb4a4890">&#9670;&#160;</a></span>Radiobox() <span class="overload">[2/2]</span></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="structftxui_1_1RadioboxOption.html">RadioboxOption</a></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_md41"></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="#a3e7a44f321fa910f07aef5879e67af95">Radiobox</a>(&amp;entries, &amp;selected);</div>
<div class="line">screen.Loop(menu);</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md42"></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#l00236">236</a> of file <a class="el" href="radiobox_8cpp_source.html">radiobox.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() <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> 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>A dropdown menu. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">entries</td><td>The list of entries to display. </td></tr>
<tr><td class="paramname">selected</td><td>The index of the selected entry. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="dropdown_8cpp_source.html#l00022">22</a> of file <a class="el" href="dropdown_8cpp_source.html">dropdown.cpp</a>.</p>
</div>
</div>
<a id="aa4b353566017558bac648ee1409930de" name="aa4b353566017558bac648ee1409930de"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa4b353566017558bac648ee1409930de">&#9670;&#160;</a></span>Dropdown() <span class="overload">[2/2]</span></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="#structftxui_1_1DropdownOption">DropdownOption</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A dropdown menu. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">option</td><td>The options for the dropdown. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="dropdown_8cpp_source.html#l00033">33</a> of file <a class="el" href="dropdown_8cpp_source.html">dropdown.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. See also |Menu|. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="menu_8cpp_source.html#l00554">554</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">options</td><td>The options </td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md60"></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#l00346">slider.cpp:346</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="slider_8cpp_source.html#l00346">346</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_md58"></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_md59"></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#l00289">289</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#l00303">303</a> of file <a class="el" href="slider_8cpp_source.html">slider.cpp</a>.</p>
</div>
</div>
<a id="aba34419b025c881c07808816c81c5230" name="aba34419b025c881c07808816c81c5230"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aba34419b025c881c07808816c81c5230">&#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#l00316">316</a> of file <a class="el" href="slider_8cpp_source.html">slider.cpp</a>.</p>
</div>
</div>
<a id="a5ce41caeafc35dedc5c7da5347386e80" name="a5ce41caeafc35dedc5c7da5347386e80"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5ce41caeafc35dedc5c7da5347386e80">&#9670;&#160;</a></span>ResizableSplit()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> ResizableSplit </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1ResizableSplitOption">ResizableSplitOption</a></td> <td class="paramname"><span class="paramname"><em>options</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A split in between two components. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">options</td><td>all the parameters.</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md47"></a>
Example</h3>
<div class="fragment"><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="keywordtype">int</span> left_size = 10;</div>
<div class="line"><span class="keyword">auto</span> component = <a class="code hl_function" href="#a5ce41caeafc35dedc5c7da5347386e80">ResizableSplit</a>({</div>
<div class="line"> .main = left,</div>
<div class="line"> .back = right,</div>
<div class="line"> .direction = <a class="code hl_enumvalue" href="#a224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff">Direction::Left</a>,</div>
<div class="line"> .main_size = &amp;left_size,</div>
<div class="line"> .separator_func = [] { <span class="keywordflow">return</span> <a class="code hl_function" href="#add376830fdb51b0bf52672ef17515989">separatorDouble</a>(); },</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_html_a224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff"><div class="ttname"><a href="#a224b9163917ac32fc95a60d8c1eec3aaa945d5e233cf7d6240f6b783b36a374ff">ftxui::Direction::Left</a></div><div class="ttdeci">@ Left</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#l00061">renderer.cpp:61</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#l00031">composite_decorator.cpp:31</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a5ce41caeafc35dedc5c7da5347386e80"><div class="ttname"><a href="#a5ce41caeafc35dedc5c7da5347386e80">ftxui::ResizableSplit</a></div><div class="ttdeci">Component ResizableSplit(ResizableSplitOption options)</div><div class="ttdoc">A split in between two components.</div><div class="ttdef"><b>Definition</b> <a href="resizable__split_8cpp_source.html#l00186">resizable_split.cpp:186</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#l00160">text.cpp:160</a></div></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#l00320">separator.cpp:320</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">left ║ right</div>
<div class="line"></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="resizable__split_8cpp_source.html#l00186">186</a> of file <a class="el" href="resizable__split_8cpp_source.html">resizable_split.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_md49"></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#l00374">screen_interactive.cpp:374</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#l00215">resizable_split.cpp:215</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">left │ right</div>
<div class="line"></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="resizable__split_8cpp_source.html#l00215">215</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_md51"></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#l00249">resizable_split.cpp:249</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">left │ right</div>
<div class="line"></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="resizable__split_8cpp_source.html#l00249">249</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_md53"></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#l00283">resizable_split.cpp:283</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md54"></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#l00283">283</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_md55"></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_md56"></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#l00317">317</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_md44"></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="#a4e8295ec77dd31b0acc5063b134473e7">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#l00094">hbox.cpp:94</a></div></div>
</div><!-- fragment --> <dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2button_8cpp-example.html#a1">examples/component/button.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="renderer_8cpp_source.html#l00061">61</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_md43"></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#l00029">29</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_md45"></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#l00034">inverted.cpp:34</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="renderer_8cpp_source.html#l00084">84</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_md46"></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#l00125">125</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_md5"></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#l00080">80</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. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>the compoennt to decorate. </td></tr>
<tr><td class="paramname">show</td><td>a boolean. |child| is shown when |show| is true.</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> 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.</div><div class="ttdef"><b>Definition</b> <a href="maybe_8cpp_source.html#l00074">maybe.cpp:74</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="maybe_8cpp_source.html#l00074">74</a> of file <a class="el" href="maybe_8cpp_source.html">maybe.cpp</a>.</p>
</div>
</div>
<a id="a70afe9695167fb736631173201969730" name="a70afe9695167fb736631173201969730"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a70afe9695167fb736631173201969730">&#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>Decorate a component |child|. It is shown only when |show| returns true. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>the compoenent to decorate. </td></tr>
<tr><td class="paramname">show</td><td>a function returning whether |child| should shown. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="maybe_8cpp_source.html#l00021">21</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. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">show</td><td>a boolean. |child| is shown when |show| is true.</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> 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#l00088">88</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. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">show</td><td>a function returning whether the decorated component should be shown.</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> 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#l00057">57</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#l00018">18</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#l00058">58</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_md16"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a4e8295ec77dd31b0acc5063b134473e7">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#l00043">hoverable.cpp:43</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hoverable_8cpp_source.html#l00043">43</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. Uses callbacks. </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_enter</td><td>Callback OnEnter </td></tr>
<tr><td class="paramname">on_leave</td><td>Callback OnLeave</td></tr>
</table>
</dd>
</dl>
<h3><a class="anchor" id="autotoc_md17"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a4e8295ec77dd31b0acc5063b134473e7">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#l00086">86</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_md19"></a>
Example</h3>
<div class="fragment"><div class="line"> <span class="keyword">auto</span> button = <a class="code hl_function" href="#a4e8295ec77dd31b0acc5063b134473e7">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_md20"></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#l00188">188</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_md18"></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="#a4e8295ec77dd31b0acc5063b134473e7">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#l00141">141</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_md21"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> button = <a class="code hl_function" href="#a4e8295ec77dd31b0acc5063b134473e7">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#l00209">209</a> of file <a class="el" href="hoverable_8cpp_source.html">hoverable.cpp</a>.</p>
</div>
</div>
<a id="a638693abef9289912f5fa39606390b20" name="a638693abef9289912f5fa39606390b20"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a638693abef9289912f5fa39606390b20">&#9670;&#160;</a></span>Window()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#af1479ede01dbf087342534ab4ada11d3">Component</a> Window </td>
<td>(</td>
<td class="paramtype"><a class="el" href="#structftxui_1_1WindowOptions">WindowOptions</a></td> <td class="paramname"><span class="paramname"><em>option</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>A draggeable / resizeable window. To use multiple of them, they must be stacked using <code><a class="el" href="namespaceftxui_1_1Container.html#aafd394665b0c231380a143b810339d8e" title="A list of components to be stacked on top of each other. Events are propagated to the first component...">Container::Stacked</a>({...})</code> component;. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">option</td><td>A struct holding every parameters.</td></tr>
</table>
</dd>
</dl>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#a638693abef9289912f5fa39606390b20" title="A draggeable / resizeable window. To use multiple of them, they must be stacked using Container::Stac...">Window</a></dd></dl>
<h3><a class="anchor" id="autotoc_md61"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="keyword">auto</span> window_1= <a class="code hl_function" href="#a638693abef9289912f5fa39606390b20">Window</a>({</div>
<div class="line"> .inner = DummyWindowContent(),</div>
<div class="line"> .title = <span class="stringliteral">&quot;First window&quot;</span>,</div>
<div class="line">});</div>
<div class="line"> </div>
<div class="line"><span class="keyword">auto</span> window_2= <a class="code hl_function" href="#a638693abef9289912f5fa39606390b20">Window</a>({</div>
<div class="line"> .inner = DummyWindowContent(),</div>
<div class="line"> .title = <span class="stringliteral">&quot;Second window&quot;</span>,</div>
<div class="line">});</div>
<div class="line"> </div>
<div class="line"><span class="keyword">auto</span> container = <a class="code hl_function" href="namespaceftxui_1_1Container.html#aafd394665b0c231380a143b810339d8e">Container::Stacked</a>({</div>
<div class="line"> window_1,</div>
<div class="line"> window_2,</div>
<div class="line">});</div>
<div class="ttc" id="anamespaceftxui_1_1Container_html_aafd394665b0c231380a143b810339d8e"><div class="ttname"><a href="namespaceftxui_1_1Container.html#aafd394665b0c231380a143b810339d8e">ftxui::Container::Stacked</a></div><div class="ttdeci">Component Stacked(Components children)</div><div class="ttdoc">A list of components to be stacked on top of each other. Events are propagated to the first component...</div><div class="ttdef"><b>Definition</b> <a href="container_8cpp_source.html#l00432">container.cpp:432</a></div></div>
<div class="ttc" id="anamespaceftxui_html_a638693abef9289912f5fa39606390b20"><div class="ttname"><a href="#a638693abef9289912f5fa39606390b20">ftxui::Window</a></div><div class="ttdeci">Component Window(WindowOptions option)</div><div class="ttdoc">A draggeable / resizeable window. To use multiple of them, they must be stacked using Container::Stac...</div><div class="ttdef"><b>Definition</b> <a href="window_8cpp_source.html#l00312">window.cpp:312</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="window_8cpp_source.html#l00312">312</a> of file <a class="el" href="window_8cpp_source.html">window.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#l00139">139</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_md117"></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#l00022">elements.hpp:22</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md118"></a>
Output</h3>
<div class="fragment"><div class="line">Hello world!</div>
</div><!-- fragment --> <dl class="section examples"><dt>Examples</dt><dd><a class="el" href="examples_2component_2button_8cpp-example.html#a2">examples/component/button.cpp</a>.</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="text_8cpp_source.html#l00160">160</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_md121"></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#l00220">text.cpp:220</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md122"></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#l00220">220</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_md124"></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#l00033">bold.cpp:33</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#l00070">70</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_md125"></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#l00085">85</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#l00048">48</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_md123"></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#l00033">blink.cpp:33</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2util_8cpp_source.html#l00040">40</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_md115"></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_md116"></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#l00141">141</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_md119"></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_md120"></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#l00190">190</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md95"></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#l00134">separator.cpp:134</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#l00096">vbox.cpp:96</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md96"></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#l00134">134</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md99"></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#l00209">separator.cpp:209</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md100"></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#l00209">209</a> of file <a class="el" href="separator_8cpp_source.html">separator.cpp</a>.</p>
</div>
</div>
<a id="a81f2d3256c0cfbc70f820129286f08c6" name="a81f2d3256c0cfbc70f820129286f08c6"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a81f2d3256c0cfbc70f820129286f08c6">&#9670;&#160;</a></span>separatorDashed()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> separatorDashed </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 DASHED 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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md101"></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><!-- fragment --><h3><a class="anchor" id="autotoc_md102"></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#l00246">246</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md103"></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#l00283">separator.cpp:283</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md104"></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#l00283">283</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md105"></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><!-- fragment --><h3><a class="anchor" id="autotoc_md106"></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#l00320">320</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md107"></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_md108"></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#l00357">357</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md97"></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#l00172">separator.cpp:172</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#l00031">elements.hpp:31</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md98"></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#l00172">172</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md111"></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="pixel_8hpp_source.html#l00015">pixel.hpp:15</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md112"></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#l00426">426</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="#a81f2d3256c0cfbc70f820129286f08c6" title="Draw a vertical or horizontal separation in between two other elements, using the DASHED style.">separatorDashed</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_md109"></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_md110"></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#l00395">395</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_md113"></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#l00067">color.hpp:67</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#l00056">color.hpp:56</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#l00442">separator.cpp:442</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="separator_8cpp_source.html#l00442">442</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_md114"></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#l00512">512</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_md88"></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#l00293">gauge.cpp:293</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#l00227">border.cpp:227</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#l00293">293</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_md85"></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#l00213">gauge.cpp:213</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#l00213">213</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_md84"></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#l00191">gauge.cpp:191</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#l00191">191</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_md86"></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#l00242">gauge.cpp:242</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#l00242">242</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_md87"></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#l00271">gauge.cpp:271</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#l00271">271</a> of file <a class="el" href="gauge_8cpp_source.html">gauge.cpp</a>.</p>
</div>
</div>
<a id="a1265cc8a52448e1b98d7abe84a04681e" name="a1265cc8a52448e1b98d7abe84a04681e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1265cc8a52448e1b98d7abe84a04681e">&#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="#a224b9163917ac32fc95a60d8c1eec3aa">Direction</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#l00169">169</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="#a181c80f8ada12d1356f6bfa0ebb7219f" title="Draw a dashed border around the element.">borderDashed</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>
<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_md62"></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_md63"></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#l00227">227</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="#a181c80f8ada12d1356f6bfa0ebb7219f" title="Draw a dashed border around the element.">borderDashed</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_md66"></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#l00335">border.cpp:335</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md67"></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#l00335">335</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a181c80f8ada12d1356f6bfa0ebb7219f" name="a181c80f8ada12d1356f6bfa0ebb7219f"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a181c80f8ada12d1356f6bfa0ebb7219f">&#9670;&#160;</a></span>borderDashed()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> borderDashed </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 dashed 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="#a181c80f8ada12d1356f6bfa0ebb7219f" title="Draw a dashed border around the element.">borderDashed</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_md64"></a>
Example</h3>
<div class="fragment"><div class="line"><span class="comment">// Use &#39;borderDash&#39; as a function...</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = borderDash(<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>) | borderDAsh;</div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md65"></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#l00300">300</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="#a181c80f8ada12d1356f6bfa0ebb7219f" title="Draw a dashed border around the element.">borderDashed</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_md68"></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#l00370">border.cpp:370</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md69"></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#l00370">370</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="#a181c80f8ada12d1356f6bfa0ebb7219f" title="Draw a dashed border around the element.">borderDashed</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_md70"></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#l00405">border.cpp:405</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md71"></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#l00405">405</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="#a181c80f8ada12d1356f6bfa0ebb7219f" title="Draw a dashed border around the element.">borderDashed</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_md72"></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#l00440">border.cpp:440</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md73"></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#l00440">440</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="#a181c80f8ada12d1356f6bfa0ebb7219f" title="Draw a dashed border around the element.">borderDashed</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_md74"></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_md75"></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#l00475">475</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() <span class="overload">[1/3]</span></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#l00243">243</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a5aab98b289d2e7b2ce8ca0eeee51ce78" name="a5aab98b289d2e7b2ce8ca0eeee51ce78"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5aab98b289d2e7b2ce8ca0eeee51ce78">&#9670;&#160;</a></span>borderStyled() <span class="overload">[2/3]</span></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>
</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>foreground_color</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p>Same as border but with a foreground color and a different style. </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#l00262">262</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="ad1dbf36194dcb77674085df9e11c1e22" name="ad1dbf36194dcb77674085df9e11c1e22"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad1dbf36194dcb77674085df9e11c1e22">&#9670;&#160;</a></span>borderStyled() <span class="overload">[3/3]</span></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="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>foreground_color</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Same as border but with a foreground color. </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#l00252">252</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#l00234">234</a> of file <a class="el" href="border_8cpp_source.html">border.cpp</a>.</p>
</div>
</div>
<a id="a03049def08fa7a5eaa4d5e897152bc1a" name="a03049def08fa7a5eaa4d5e897152bc1a"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a03049def08fa7a5eaa4d5e897152bc1a">&#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>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="#afe3103dd0b8240c5443892484ef5af9c">BorderStyle</a></td> <td class="paramname"><span class="paramname"><em>border</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>
<tr><td class="paramname">border</td><td>The style of the border. Default is ROUNDED.</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_md76"></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="#a03049def08fa7a5eaa4d5e897152bc1a">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="line"> </div>
<div class="line"><span class="comment">// With specifying border</span></div>
<div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document = <a class="code hl_function" href="#a03049def08fa7a5eaa4d5e897152bc1a">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"> <a class="code hl_enumvalue" href="#afe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493">ROUNDED</a></div>
<div class="line"> );</div>
<div class="ttc" id="anamespaceftxui_html_a03049def08fa7a5eaa4d5e897152bc1a"><div class="ttname"><a href="#a03049def08fa7a5eaa4d5e897152bc1a">ftxui::window</a></div><div class="ttdeci">Element window(Element title, Element content, BorderStyle border=ROUNDED)</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#l00507">border.cpp:507</a></div></div>
<div class="ttc" id="anamespaceftxui_html_afe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493"><div class="ttname"><a href="#afe3103dd0b8240c5443892484ef5af9ca655074b92b285adff7d18a45748bf493">ftxui::ROUNDED</a></div><div class="ttdeci">@ ROUNDED</div><div class="ttdef"><b>Definition</b> <a href="elements_8hpp_source.html#l00032">elements.hpp:32</a></div></div>
</div><!-- fragment --><h3><a class="anchor" id="autotoc_md77"></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#l00507">507</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#l00282">282</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#l00041">41</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#l00049">49</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#l00060">60</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#l00072">72</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#l00085">85</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#l00071">71</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#l00140">140</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#l00891">891</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#l00908">908</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#l00938">938</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#l00033">33</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#l00033">33</a> of file <a class="el" href="dim_8cpp_source.html">dim.cpp</a>.</p>
</div>
</div>
<a id="a8a8d190765de7bbd9e78f9e639c2a96d" name="a8a8d190765de7bbd9e78f9e639c2a96d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8a8d190765de7bbd9e78f9e639c2a96d">&#9670;&#160;</a></span>italic()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> italic </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="italic_8cpp_source.html#l00017">17</a> of file <a class="el" href="italic_8cpp_source.html">italic.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#l00034">34</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#l00033">33</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#l00017">17</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#l00033">33</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#l00017">17</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/4]</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_md80"></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#l00053">color.hpp:53</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#l00110">color.cpp:110</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00110">110</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/4]</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_md81"></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#l00124">color.cpp:124</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00124">124</a> of file <a class="el" href="dom_2color_8cpp_source.html">color.cpp</a>.</p>
</div>
</div>
<a id="a8af6b5a06b03fd53bf30a6b050b96968" name="a8af6b5a06b03fd53bf30a6b050b96968"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8af6b5a06b03fd53bf30a6b050b96968">&#9670;&#160;</a></span>color() <span class="overload">[2/4]</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">const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate using a linear-gradient effect on the foreground color. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>The gradient effect to be applied on the output element. </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_md93"></a>
Example</h3>
<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="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_struct" href="structftxui_1_1LinearGradient.html">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>}})</div>
<div class="ttc" id="astructftxui_1_1LinearGradient_html"><div class="ttname"><a href="structftxui_1_1LinearGradient.html">ftxui::LinearGradient</a></div><div class="ttdoc">A class representing the settings for linear-gradient color effect.</div><div class="ttdef"><b>Definition</b> <a href="linear__gradient_8hpp_source.html#l00030">linear_gradient.hpp:30</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="linear__gradient_8cpp_source.html#l00282">282</a> of file <a class="el" href="linear__gradient_8cpp_source.html">linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="aee41f3eaff28a123214e81231f8f4593" name="aee41f3eaff28a123214e81231f8f4593"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aee41f3eaff28a123214e81231f8f4593">&#9670;&#160;</a></span>bgcolor() <span class="overload">[2/4]</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">const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate using a linear-gradient effect on the background color. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>The gradient effect to be applied on the output element. </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_md94"></a>
Example</h3>
<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="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_struct" href="structftxui_1_1LinearGradient.html">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</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="linear__gradient_8cpp_source.html#l00297">297</a> of file <a class="el" href="linear__gradient_8cpp_source.html">linear_gradient.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">[3/4]</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_md78"></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#l00054">color.hpp:54</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="dom_2color_8cpp_source.html#l00081">81</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">[3/4]</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_md79"></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#l00096">96</a> of file <a class="el" href="dom_2color_8cpp_source.html">color.cpp</a>.</p>
</div>
</div>
<a id="a050df9c8ed04eec13309d6c0542c636d" name="a050df9c8ed04eec13309d6c0542c636d"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a050df9c8ed04eec13309d6c0542c636d">&#9670;&#160;</a></span>color() <span class="overload">[4/4]</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">const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</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 with linear-gradient effect. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>The gradient effect to be applied on 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_md91"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_function" href="#af61b489da39ca5e24b68e6e1a2b09c0d">color</a>(<a class="code hl_struct" href="structftxui_1_1LinearGradient.html">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>}}, <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>))</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="linear__gradient_8cpp_source.html#l00251">251</a> of file <a class="el" href="linear__gradient_8cpp_source.html">linear_gradient.cpp</a>.</p>
</div>
</div>
<a id="aaac1622d43662a6a02113d9230a4fdd4" name="aaac1622d43662a6a02113d9230a4fdd4"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aaac1622d43662a6a02113d9230a4fdd4">&#9670;&#160;</a></span>bgcolor() <span class="overload">[4/4]</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">const <a class="el" href="structftxui_1_1LinearGradient.html">LinearGradient</a> &amp;</td> <td class="paramname"><span class="paramname"><em>gradient</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 with linear-gradient effect. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">gradient</td><td>The gradient effect to be applied on 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_md92"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_function" href="#a01d4c5aaf0447e862246849111782245">bgcolor</a>(<a class="code hl_struct" href="structftxui_1_1LinearGradient.html">LinearGradient</a>{0, {<a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802fad3163c1fcda01965b692ec2c3122b743">Color::Red</a>, <a class="code hl_enumvalue" href="classftxui_1_1Color.html#ae2b6d9670960e89c66d7b76167a0802faf5e09dd1da4088464f264b7a3118bff8">Color::Blue</a>}}, <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;Hello&quot;</span>))</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="linear__gradient_8cpp_source.html#l00267">267</a> of file <a class="el" href="linear__gradient_8cpp_source.html">linear_gradient.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_md83"></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#l00069">focus.cpp:69</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#l00118">frame.cpp:118</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="focus_8cpp_source.html#l00069">69</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_md82"></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#l00031">focus.cpp:31</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="focus_8cpp_source.html#l00031">31</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#l00017">17</a> of file <a class="el" href="automerge_8cpp_source.html">automerge.cpp</a>.</p>
</div>
</div>
<a id="ad0eac58eac9e6cd9a04879b20f8e123b" name="ad0eac58eac9e6cd9a04879b20f8e123b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad0eac58eac9e6cd9a04879b20f8e123b">&#9670;&#160;</a></span>hyperlink() <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> hyperlink </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>link</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Decorate using an hyperlink. The link will be opened when the user click on it. This is supported only on a limited set of terminal emulator. List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a>. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">link</td><td>The link to redirect the users to. </td></tr>
</table>
</dd>
</dl>
<dl class="section return"><dt>Returns</dt><dd>The Decorator applying the hyperlink.</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 =</div>
<div class="line"> <a class="code hl_function" href="#a75baaa2734ed76a9f478beaafa87ae57">text</a>(<span class="stringliteral">&quot;red&quot;</span>) | <a class="code hl_function" href="#ad0eac58eac9e6cd9a04879b20f8e123b">hyperlink</a>(<span class="stringliteral">&quot;https://github.com/Arthursonzogni/FTXUI&quot;</span>);</div>
<div class="ttc" id="anamespaceftxui_html_ad0eac58eac9e6cd9a04879b20f8e123b"><div class="ttname"><a href="#ad0eac58eac9e6cd9a04879b20f8e123b">ftxui::hyperlink</a></div><div class="ttdeci">Decorator hyperlink(std::string link)</div><div class="ttdoc">Decorate using an hyperlink. The link will be opened when the user click on it. This is supported onl...</div><div class="ttdef"><b>Definition</b> <a href="hyperlink_8cpp_source.html#l00070">hyperlink.cpp:70</a></div></div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hyperlink_8cpp_source.html#l00070">70</a> of file <a class="el" href="hyperlink_8cpp_source.html">hyperlink.cpp</a>.</p>
</div>
</div>
<a id="a8bacc04e0cbde663ccc4a4891e8b50d5" name="a8bacc04e0cbde663ccc4a4891e8b50d5"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a8bacc04e0cbde663ccc4a4891e8b50d5">&#9670;&#160;</a></span>hyperlink() <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> hyperlink </td>
<td>(</td>
<td class="paramtype">std::string</td> <td class="paramname"><span class="paramname"><em>link</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>Make the rendered area clickable using a web browser. The link will be opened when the user click on it. This is supported only on a limited set of terminal emulator. List: <a href="https://github.com/Alhadis/OSC8-Adoption/">https://github.com/Alhadis/OSC8-Adoption/</a>. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">link</td><td>The link </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 with the link.</dd></dl>
<h3><a class="anchor" id="autotoc_md89"></a>
Example</h3>
<div class="fragment"><div class="line"><a class="code hl_typedef" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> document =</div>
<div class="line"> <a class="code hl_function" href="#ad0eac58eac9e6cd9a04879b20f8e123b">hyperlink</a>(<span class="stringliteral">&quot;https://github.com/ArthurSonzogni/FTXUI&quot;</span>, <span class="stringliteral">&quot;link&quot;</span>);</div>
</div><!-- fragment -->
<p class="definition">Definition at line <a class="el" href="hyperlink_8cpp_source.html#l00051">51</a> of file <a class="el" href="hyperlink_8cpp_source.html">hyperlink.cpp</a>.</p>
</div>
</div>
<a id="aa7e1317c76cefc5018503de4f6e09ea3" name="aa7e1317c76cefc5018503de4f6e09ea3"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa7e1317c76cefc5018503de4f6e09ea3">&#9670;&#160;</a></span>selectionStyleReset()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> selectionStyleReset </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>Reset the selection style of an element. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<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 with the selection style reset. </dd></dl>
<p class="definition">Definition at line <a class="el" href="selection__style_8cpp_source.html#l00055">55</a> of file <a class="el" href="selection__style_8cpp_source.html">selection_style.cpp</a>.</p>
</div>
</div>
<a id="a925a73b7f0eb4b5bc11af23f4ca18019" name="a925a73b7f0eb4b5bc11af23f4ca18019"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a925a73b7f0eb4b5bc11af23f4ca18019">&#9670;&#160;</a></span>selectionColor()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> selectionColor </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>foreground</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the color of an element when selected. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">foreground</td><td>The color to be applied. Note that the style is applied on top of the existing style. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="selection__style_8cpp_source.html#l00078">78</a> of file <a class="el" href="selection__style_8cpp_source.html">selection_style.cpp</a>.</p>
</div>
</div>
<a id="a6c965b8f6450a50a938120b5f6ddea96" name="a6c965b8f6450a50a938120b5f6ddea96"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a6c965b8f6450a50a938120b5f6ddea96">&#9670;&#160;</a></span>selectionBackgroundColor()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> selectionBackgroundColor </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>foreground</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the background color of an element when selected. Note that the style is applied on top of the existing style. </p>
<p class="definition">Definition at line <a class="el" href="selection__style_8cpp_source.html#l00061">61</a> of file <a class="el" href="selection__style_8cpp_source.html">selection_style.cpp</a>.</p>
</div>
</div>
<a id="a5d98498c51cfbc03f37e46d46ec8acf5" name="a5d98498c51cfbc03f37e46d46ec8acf5"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a5d98498c51cfbc03f37e46d46ec8acf5">&#9670;&#160;</a></span>selectionForegroundColor()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> selectionForegroundColor </td>
<td>(</td>
<td class="paramtype"><a class="el" href="classftxui_1_1Color.html">Color</a></td> <td class="paramname"><span class="paramname"><em>foreground</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the foreground color of an element when selected. Note that the style is applied on top of the existing style. </p>
<p class="definition">Definition at line <a class="el" href="selection__style_8cpp_source.html#l00069">69</a> of file <a class="el" href="selection__style_8cpp_source.html">selection_style.cpp</a>.</p>
</div>
</div>
<a id="a4080865d947eea48cf695531f66a5160" name="a4080865d947eea48cf695531f66a5160"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4080865d947eea48cf695531f66a5160">&#9670;&#160;</a></span>selectionStyle()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a164021903e9ac6f1357e4186582891e3">Decorator</a> selectionStyle </td>
<td>(</td>
<td class="paramtype">std::function&lt; void(<a class="el" href="structftxui_1_1Pixel.html">Pixel</a> &amp;)&gt;</td> <td class="paramname"><span class="paramname"><em>style</em></span></td><td>)</td>
<td></td>
</tr>
</table>
</div><div class="memdoc">
<p>Set the style of an element when selected. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">style</td><td>The style to be applied. Note that the style is applied on top of the existing style. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="selection__style_8cpp_source.html#l00086">86</a> of file <a class="el" href="selection__style_8cpp_source.html">selection_style.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#l00094">94</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#l00096">96</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#l00108">108</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#l00173">gridbox.cpp:173</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#l00173">173</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 proportionally 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 proportionally to the space left in a container.</div><div class="ttdef"><b>Definition</b> <a href="flex_8cpp_source.html#l00123">flex.cpp:123</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#l00123">123</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#l00141">141</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#l00159">159</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#l00129">129</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#l00147">147</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#l00165">165</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#l00135">135</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#l00153">153</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#l00171">171</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#l00177">177</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 proportionally to the space left in a container. </p>
<p class="definition">Definition at line <a class="el" href="flex_8cpp_source.html#l00098">98</a> of file <a class="el" href="flex_8cpp_source.html">flex.cpp</a>.</p>
</div>
</div>
<a id="a201220986fbdc539e42efe067985cbdb" name="a201220986fbdc539e42efe067985cbdb"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a201220986fbdc539e42efe067985cbdb">&#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="#a04711c04f28aabfa0e5928a35baaec53">WidthOrHeight</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#l00089">89</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="#ad0d6a96f6e1fb6d67d9fa6323062a737" title="Allow an element to be displayed inside a &#39;virtual&#39; area. It size can be larger than its container....">frame</a> </dd>
<dd>
<a class="el" href="#a2d0617c0912b732f059cf360ac951c49" title="Same as frame, but only on the x-axis.">xframe</a> </dd>
<dd>
<a class="el" href="#a7ea9d3ceb2a977955125c6e4a6072325" title="Same as frame, but only on the y-axis.">yframe</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00118">118</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a2d0617c0912b732f059cf360ac951c49" name="a2d0617c0912b732f059cf360ac951c49"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a2d0617c0912b732f059cf360ac951c49">&#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>Same as <code>frame</code>, but only on the x-axis. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ad0d6a96f6e1fb6d67d9fa6323062a737" title="Allow an element to be displayed inside a &#39;virtual&#39; area. It size can be larger than its container....">frame</a> </dd>
<dd>
<a class="el" href="#a2d0617c0912b732f059cf360ac951c49" title="Same as frame, but only on the x-axis.">xframe</a> </dd>
<dd>
<a class="el" href="#a7ea9d3ceb2a977955125c6e4a6072325" title="Same as frame, but only on the y-axis.">yframe</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00126">126</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a7ea9d3ceb2a977955125c6e4a6072325" name="a7ea9d3ceb2a977955125c6e4a6072325"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7ea9d3ceb2a977955125c6e4a6072325">&#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>Same as <code>frame</code>, but only on the y-axis. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#ad0d6a96f6e1fb6d67d9fa6323062a737" title="Allow an element to be displayed inside a &#39;virtual&#39; area. It size can be larger than its container....">frame</a> </dd>
<dd>
<a class="el" href="#a2d0617c0912b732f059cf360ac951c49" title="Same as frame, but only on the x-axis.">xframe</a> </dd>
<dd>
<a class="el" href="#a7ea9d3ceb2a977955125c6e4a6072325" title="Same as frame, but only on the y-axis.">yframe</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00134">134</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="aa2d7d671f184f85e0f396f2610fa6c2e" name="aa2d7d671f184f85e0f396f2610fa6c2e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#aa2d7d671f184f85e0f396f2610fa6c2e">&#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>Set the <code>child</code> to be the one focused among its siblings. </p>
<dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The element to be focused. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00101">101</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a9e3e2988ed61a129d82d634ad66f7eb1" name="a9e3e2988ed61a129d82d634ad66f7eb1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a9e3e2988ed61a129d82d634ad66f7eb1">&#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>Set the <code>child</code> to be the one focused among its siblings. </p>
<p>This is deprecated. Use <code>focus</code> instead. </p><dl class="params"><dt>Parameters</dt><dd>
<table class="params">
<tr><td class="paramname">child</td><td>The element to be focused. </td></tr>
</table>
</dd>
</dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00108">108</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a509ef7e7f8913ea3de7efd45e3301ea1" name="a509ef7e7f8913ea3de7efd45e3301ea1"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a509ef7e7f8913ea3de7efd45e3301ea1">&#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>Same as <code>focus</code>, but set the cursor shape to be a still block. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#aa2d7d671f184f85e0f396f2610fa6c2e" title="Set the child to be the one focused among its siblings.">focus</a> </dd>
<dd>
<a class="el" href="#a509ef7e7f8913ea3de7efd45e3301ea1" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBlock</a> </dd>
<dd>
<a class="el" href="#adda589914ba8fe863c905b6566557768" title="Same as focus, but set the cursor shape to be a blinking block.">focusCursorBlockBlinking</a> </dd>
<dd>
<a class="el" href="#a4f89e72e7001064e3eb8189c8317e95b" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBar</a> </dd>
<dd>
<a class="el" href="#a085a7c997e7364c5a54e73c7b84145db" title="Same as focus, but set the cursor shape to be a blinking bar.">focusCursorBarBlinking</a> </dd>
<dd>
<a class="el" href="#a61e1fe02a18c2b18e31ccc9cd3943823" title="Same as focus, but set the cursor shape to be a still underline.">focusCursorUnderline</a> </dd>
<dd>
<a class="el" href="#a33637d59d1e52aa06dd2a94162adbfe9" title="Same as focus, but set the cursor shape to be a blinking underline.">focusCursorUnderlineBlinking</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00147">147</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="adda589914ba8fe863c905b6566557768" name="adda589914ba8fe863c905b6566557768"></a>
<h2 class="memtitle"><span class="permalink"><a href="#adda589914ba8fe863c905b6566557768">&#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>Same as <code>focus</code>, but set the cursor shape to be a blinking block. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#aa2d7d671f184f85e0f396f2610fa6c2e" title="Set the child to be the one focused among its siblings.">focus</a> </dd>
<dd>
<a class="el" href="#a509ef7e7f8913ea3de7efd45e3301ea1" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBlock</a> </dd>
<dd>
<a class="el" href="#adda589914ba8fe863c905b6566557768" title="Same as focus, but set the cursor shape to be a blinking block.">focusCursorBlockBlinking</a> </dd>
<dd>
<a class="el" href="#a4f89e72e7001064e3eb8189c8317e95b" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBar</a> </dd>
<dd>
<a class="el" href="#a085a7c997e7364c5a54e73c7b84145db" title="Same as focus, but set the cursor shape to be a blinking bar.">focusCursorBarBlinking</a> </dd>
<dd>
<a class="el" href="#a61e1fe02a18c2b18e31ccc9cd3943823" title="Same as focus, but set the cursor shape to be a still underline.">focusCursorUnderline</a> </dd>
<dd>
<a class="el" href="#a33637d59d1e52aa06dd2a94162adbfe9" title="Same as focus, but set the cursor shape to be a blinking underline.">focusCursorUnderlineBlinking</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00161">161</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a4f89e72e7001064e3eb8189c8317e95b" name="a4f89e72e7001064e3eb8189c8317e95b"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a4f89e72e7001064e3eb8189c8317e95b">&#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>Same as <code>focus</code>, but set the cursor shape to be a still block. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#aa2d7d671f184f85e0f396f2610fa6c2e" title="Set the child to be the one focused among its siblings.">focus</a> </dd>
<dd>
<a class="el" href="#a509ef7e7f8913ea3de7efd45e3301ea1" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBlock</a> </dd>
<dd>
<a class="el" href="#adda589914ba8fe863c905b6566557768" title="Same as focus, but set the cursor shape to be a blinking block.">focusCursorBlockBlinking</a> </dd>
<dd>
<a class="el" href="#a4f89e72e7001064e3eb8189c8317e95b" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBar</a> </dd>
<dd>
<a class="el" href="#a085a7c997e7364c5a54e73c7b84145db" title="Same as focus, but set the cursor shape to be a blinking bar.">focusCursorBarBlinking</a> </dd>
<dd>
<a class="el" href="#a61e1fe02a18c2b18e31ccc9cd3943823" title="Same as focus, but set the cursor shape to be a still underline.">focusCursorUnderline</a> </dd>
<dd>
<a class="el" href="#a33637d59d1e52aa06dd2a94162adbfe9" title="Same as focus, but set the cursor shape to be a blinking underline.">focusCursorUnderlineBlinking</a> </dd></dl>
<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="a085a7c997e7364c5a54e73c7b84145db" name="a085a7c997e7364c5a54e73c7b84145db"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a085a7c997e7364c5a54e73c7b84145db">&#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>Same as <code>focus</code>, but set the cursor shape to be a blinking bar. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#aa2d7d671f184f85e0f396f2610fa6c2e" title="Set the child to be the one focused among its siblings.">focus</a> </dd>
<dd>
<a class="el" href="#a509ef7e7f8913ea3de7efd45e3301ea1" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBlock</a> </dd>
<dd>
<a class="el" href="#adda589914ba8fe863c905b6566557768" title="Same as focus, but set the cursor shape to be a blinking block.">focusCursorBlockBlinking</a> </dd>
<dd>
<a class="el" href="#a4f89e72e7001064e3eb8189c8317e95b" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBar</a> </dd>
<dd>
<a class="el" href="#a085a7c997e7364c5a54e73c7b84145db" title="Same as focus, but set the cursor shape to be a blinking bar.">focusCursorBarBlinking</a> </dd>
<dd>
<a class="el" href="#a61e1fe02a18c2b18e31ccc9cd3943823" title="Same as focus, but set the cursor shape to be a still underline.">focusCursorUnderline</a> </dd>
<dd>
<a class="el" href="#a33637d59d1e52aa06dd2a94162adbfe9" title="Same as focus, but set the cursor shape to be a blinking underline.">focusCursorUnderlineBlinking</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00189">189</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a61e1fe02a18c2b18e31ccc9cd3943823" name="a61e1fe02a18c2b18e31ccc9cd3943823"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a61e1fe02a18c2b18e31ccc9cd3943823">&#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>Same as <code>focus</code>, but set the cursor shape to be a still underline. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#aa2d7d671f184f85e0f396f2610fa6c2e" title="Set the child to be the one focused among its siblings.">focus</a> </dd>
<dd>
<a class="el" href="#a509ef7e7f8913ea3de7efd45e3301ea1" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBlock</a> </dd>
<dd>
<a class="el" href="#adda589914ba8fe863c905b6566557768" title="Same as focus, but set the cursor shape to be a blinking block.">focusCursorBlockBlinking</a> </dd>
<dd>
<a class="el" href="#a4f89e72e7001064e3eb8189c8317e95b" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBar</a> </dd>
<dd>
<a class="el" href="#a085a7c997e7364c5a54e73c7b84145db" title="Same as focus, but set the cursor shape to be a blinking bar.">focusCursorBarBlinking</a> </dd>
<dd>
<a class="el" href="#a61e1fe02a18c2b18e31ccc9cd3943823" title="Same as focus, but set the cursor shape to be a still underline.">focusCursorUnderline</a> </dd>
<dd>
<a class="el" href="#a33637d59d1e52aa06dd2a94162adbfe9" title="Same as focus, but set the cursor shape to be a blinking underline.">focusCursorUnderlineBlinking</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00203">203</a> of file <a class="el" href="frame_8cpp_source.html">frame.cpp</a>.</p>
</div>
</div>
<a id="a33637d59d1e52aa06dd2a94162adbfe9" name="a33637d59d1e52aa06dd2a94162adbfe9"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a33637d59d1e52aa06dd2a94162adbfe9">&#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>Same as <code>focus</code>, but set the cursor shape to be a blinking underline. </p>
<dl class="section see"><dt>See also</dt><dd><a class="el" href="#aa2d7d671f184f85e0f396f2610fa6c2e" title="Set the child to be the one focused among its siblings.">focus</a> </dd>
<dd>
<a class="el" href="#a509ef7e7f8913ea3de7efd45e3301ea1" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBlock</a> </dd>
<dd>
<a class="el" href="#adda589914ba8fe863c905b6566557768" title="Same as focus, but set the cursor shape to be a blinking block.">focusCursorBlockBlinking</a> </dd>
<dd>
<a class="el" href="#a4f89e72e7001064e3eb8189c8317e95b" title="Same as focus, but set the cursor shape to be a still block.">focusCursorBar</a> </dd>
<dd>
<a class="el" href="#a085a7c997e7364c5a54e73c7b84145db" title="Same as focus, but set the cursor shape to be a blinking bar.">focusCursorBarBlinking</a> </dd>
<dd>
<a class="el" href="#a61e1fe02a18c2b18e31ccc9cd3943823" title="Same as focus, but set the cursor shape to be a still underline.">focusCursorUnderline</a> </dd>
<dd>
<a class="el" href="#a33637d59d1e52aa06dd2a94162adbfe9" title="Same as focus, but set the cursor shape to be a blinking underline.">focusCursorUnderlineBlinking</a> </dd></dl>
<p class="definition">Definition at line <a class="el" href="frame_8cpp_source.html#l00217">217</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>Display a vertical scrollbar to the right. colors. </p>
<p class="definition">Definition at line <a class="el" href="scroll__indicator_8cpp_source.html#l00021">21</a> of file <a class="el" href="scroll__indicator_8cpp_source.html">scroll_indicator.cpp</a>.</p>
</div>
</div>
<a id="a7f48136f949ccbde722dd93a6de4d0de" name="a7f48136f949ccbde722dd93a6de4d0de"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a7f48136f949ccbde722dd93a6de4d0de">&#9670;&#160;</a></span>hscroll_indicator()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a2bc31f2d685189e5c61d2293a1f51b4f">Element</a> hscroll_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>Display an horizontal scrollbar to the bottom. colors. </p>
<p class="definition">Definition at line <a class="el" href="scroll__indicator_8cpp_source.html#l00076">76</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#l00043">43</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#l00038">38</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#l00015">15</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#l00023">23</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#l00031">31</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#l00039">39</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#l00028">28</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/3]</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#l00088">88</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/3]</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#l00095">95</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="ab35030b64136afa183d474d11bd1f6dd" name="ab35030b64136afa183d474d11bd1f6dd"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ab35030b64136afa183d474d11bd1f6dd">&#9670;&#160;</a></span>Render() <span class="overload">[3/3]</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>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Selection.html">Selection</a> &amp;</td> <td class="paramname"><span class="paramname"><em>selection</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00100">100</a> of file <a class="el" href="node_8cpp_source.html">node.cpp</a>.</p>
</div>
</div>
<a id="a1a3d5804148186b3d4bcc07391ba5f30" name="a1a3d5804148186b3d4bcc07391ba5f30"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a1a3d5804148186b3d4bcc07391ba5f30">&#9670;&#160;</a></span>GetNodeSelectedContent()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">std::string GetNodeSelectedContent </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>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype"><a class="el" href="classftxui_1_1Selection.html">Selection</a> &amp;</td> <td class="paramname"><span class="paramname"><em>selection</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="node_8cpp_source.html#l00172">172</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#l00272">272</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#l00276">276</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#l01313">1313</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#l01317">1317</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#l01565">1565</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#l01637">1637</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#l00015">15</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#l01330">1330</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#l01357">1357</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</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#l01464">1464</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_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#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#l00054">54</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>
<a id="a903cd2e24b3b7cf8d7d4daa680e0a8d5" name="a903cd2e24b3b7cf8d7d4daa680e0a8d5"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a903cd2e24b3b7cf8d7d4daa680e0a8d5">&#9670;&#160;</a></span>EatCodePoint() <span class="overload">[1/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">bool EatCodePoint </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>start</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">size_t *</td> <td class="paramname"><span class="paramname"><em>end</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">uint32_t *</td> <td class="paramname"><span class="paramname"><em>ucs</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01174">1174</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a88b8b2f726acaf2aca140a403989d8d0" name="a88b8b2f726acaf2aca140a403989d8d0"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a88b8b2f726acaf2aca140a403989d8d0">&#9670;&#160;</a></span>EatCodePoint() <span class="overload">[2/2]</span></h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">bool EatCodePoint </td>
<td>(</td>
<td class="paramtype">const std::wstring &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>start</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">size_t *</td> <td class="paramname"><span class="paramname"><em>end</em></span>, </td>
</tr>
<tr>
<td class="paramkey"></td>
<td></td>
<td class="paramtype">uint32_t *</td> <td class="paramname"><span class="paramname"><em>ucs</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01244">1244</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a506e6b467ddd8d11646942fd101d8e9e" name="a506e6b467ddd8d11646942fd101d8e9e"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a506e6b467ddd8d11646942fd101d8e9e">&#9670;&#160;</a></span>IsCombining()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">bool IsCombining </td>
<td>(</td>
<td class="paramtype">uint32_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#l01282">1282</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="abd13f584efddd3a7e5749c9c5e841a11" name="abd13f584efddd3a7e5749c9c5e841a11"></a>
<h2 class="memtitle"><span class="permalink"><a href="#abd13f584efddd3a7e5749c9c5e841a11">&#9670;&#160;</a></span>IsFullWidth()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">bool IsFullWidth </td>
<td>(</td>
<td class="paramtype">uint32_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#l01286">1286</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a037df033cc26c960faa54b52bdbea900" name="a037df033cc26c960faa54b52bdbea900"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a037df033cc26c960faa54b52bdbea900">&#9670;&#160;</a></span>IsControl()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">bool IsControl </td>
<td>(</td>
<td class="paramtype">uint32_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#l01293">1293</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a191b3278846ceb6ac35d2e4eb26db759" name="a191b3278846ceb6ac35d2e4eb26db759"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a191b3278846ceb6ac35d2e4eb26db759">&#9670;&#160;</a></span>CodepointToWordBreakProperty()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname"><a class="el" href="#a5a8ec19f52346e9aad9dbab9108b968a">WordBreakProperty</a> CodepointToWordBreakProperty </td>
<td>(</td>
<td class="paramtype">uint32_t</td> <td class="paramname"><span class="paramname"><em>codepoint</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#l01307">1307</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="ae2ef74edc55750554e97ea71c5887650" name="ae2ef74edc55750554e97ea71c5887650"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ae2ef74edc55750554e97ea71c5887650">&#9670;&#160;</a></span>GlyphPrevious()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">size_t GlyphPrevious </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>start</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01399">1399</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="a02453c4504a5cfbc83b38abd4ec6d8ba" name="a02453c4504a5cfbc83b38abd4ec6d8ba"></a>
<h2 class="memtitle"><span class="permalink"><a href="#a02453c4504a5cfbc83b38abd4ec6d8ba">&#9670;&#160;</a></span>GlyphNext()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">size_t GlyphNext </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>start</em></span>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01424">1424</a> of file <a class="el" href="string_8cpp_source.html">string.cpp</a>.</p>
</div>
</div>
<a id="ad74a7d623ff7a09787469021d30c9461" name="ad74a7d623ff7a09787469021d30c9461"></a>
<h2 class="memtitle"><span class="permalink"><a href="#ad74a7d623ff7a09787469021d30c9461">&#9670;&#160;</a></span>GlyphIterate()</h2>
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">size_t GlyphIterate </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">int</td> <td class="paramname"><span class="paramname"><em>glyph_offset</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>&#160;)</td>
</tr>
</table>
</div><div class="memdoc">
<p class="definition">Definition at line <a class="el" href="string_8cpp_source.html#l01450">1450</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#l01505">1505</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="#a5a8ec19f52346e9aad9dbab9108b968a">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#l01533">1533</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>
<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">
<p class="definition">Definition at line <a class="el" href="terminal__input__parser_8cpp_source.html#l00019">19</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#l00013">13</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": "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": "../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 = "v6.1.5";
// 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>