Polished Page

In this video we are going to polish our expander project and We are going to do the following:
  • Use featured components
  • replace ftd.text icons on header with images of arrows
  • add on-mouse event handlers
  • add buttons by creating a component

About Expander

Expander is a package which has a component called box. This box has a header area and a body area.

One can expand or collapse the body area when clicked on the header area. It takes user defined content or it also has a default text.
Box can have user-defined values or it can have default values as well. Following are the two boxes:
What is FTD?
This box gives default values.
Default Header
This looks much better. We can do a lot more.
💡
Tip!
Doc-site has a dark-mode switcher on the bottom-right side of the web-page.