# CodeRAD HelpButton Component for Displaying Help or Error Text

DevFeed: [CodeRAD HelpButton Component for Displaying Help or Error Text](<https://devfeed.tech/articles/helpbutton-component-19320.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/helpbutton-component/>)

Author: Steve Hannah

Published: 2020-10-31T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [ui](<https://devfeed.tech/topics/ui.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>)

Tags: [component](<https://devfeed.tech/tags/component.md>), [components](<https://devfeed.tech/tags/components.md>), [examples](<https://devfeed.tech/tags/examples.md>), [repo](<https://devfeed.tech/tags/repo.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>)

## AI overview

This post introduces the HelpButton, a simple first-order UI component in the CodeRAD cn1lib. It displays a Help or Error icon and opens help text when clicked, with a usage example and a link to the CodeRAD GitHub repository.

## Source excerpt

This is the second in a series of blog posts highlighting some of the components available in the CodeRAD cn1lib. The first post (or series of posts) introduced the RAD Chatroom component, a rich 2nd order UI component that encapsulates the user interface for a fully functional chat room. __ A second-order UI component is a complex UI component, usually composed of multiple basic components, which is designed for a specific type of application. Some examples of second-order UI components are login forms, contacts lists, chat room components, news lists, etc.. In this post I share a much simpler, first-order component: The HelpButton. The HelpButton is just a button that displays a "Help" or "Error" icon. When the user clicks on this button, it pops up with some "help" text.