<aside> <img src="/icons/downward_green.svg" alt="/icons/downward_green.svg" width="40px" /> VIEW

• $\color{#d57c7c} \fcolorbox{#d57c7c}{#fde7e7}{\textbf{\textsf{Fonts}}}$
• $\color{#d57c7c} \fcolorbox{#d57c7c}{#fde7e7}{\textbf{\textsf{Sizes}}}$
• $\color{#d57c7c} \fcolorbox{#d57c7c}{#fde7e7}{\textbf{\textsf{Styles}}}$
• $\color{#d57c7c} \fcolorbox{#d57c7c}{#fde7e7}{\textbf{\textsf{Formatting}}}$
• $\color{#d57c7c} \fcolorbox{#d57c7c}{#fde7e7}{\textbf{\textsf{Combinations}}}$
• $\color{#d57c7c} \fcolorbox{#d57c7c}{#fde7e7}{\textbf{\textsf{Symbols}}}$
• $\color{#d57c7c} \fcolorbox{#d57c7c}{#fde7e7}{\textbf{\textsf{Pre-Defined Colors}}}$

• $\color{#d57c7c}{\textbf{\textsf{View All}}}$

</aside>

<aside> <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNkNTdjN2MiIGQ9Ik0zIDE1LjVWMTNoMTh2Mi41SDNaTTMgMTFWOC41aDE4VjExSDNabTAtNC41VjRoMTh2Mi41SDNaTTMgMjB2LTIuNWgxOFYyMEgzWiIvPjwvc3ZnPg==" alt="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNkNTdjN2MiIGQ9Ik0zIDE1LjVWMTNoMTh2Mi41SDNaTTMgMTFWOC41aDE4VjExSDNabTAtNC41VjRoMTh2Mi41SDNaTTMgMjB2LTIuNWgxOFYyMEgzWiIvPjwvc3ZnPg==" width="40px" /> $\color{#d57c7c} {\textsf{\textbf{Components Example}}}$

</aside>

Text Color: green → \\color{#4e8d61}

Text Size: small → \\small

Text Format: boxed outline → \\boxed

Text Style: bold → \\textbf

Text Font: sans serif → \\textsf

Text: this is a text → {Text}

Input → \\color{#4e8d61}\\large{\\boxed{\\textbf{\\textsf{This is a text}}}}

Output → $\color{#4e8d61}\small{\boxed{\textbf{\textsf{This is a text}}}}$