Buttons

Configuring Button theme enables you to configure buttons to have a unified design which help in creating seamless user experience and enhance the visual appeal of the interface. 

The Buttons consists of following components:

Border

The Border section enables you to configure the Button Style with sharp and rounded edges. Upon styling the border of the buttons you can achieve the required design and enhance the aesthetics of your application. 

There are two types of Button Styles:

• Normal
• Rounded

Normal

The Normal button style configures the border of buttons as sharp angular design buttons as displayed in the screenshot:

Figure: Normal - Button Style

Rounded

A rounded button presents a softer and visually appealing appearance, elevating the overall user experience by increasing button distinguishability and ease of identification. Adjust the border radius using the slider according to your preferences.

Figure: Rounded - Button Style

Primary Button

Primary Button indicates the most important action on user interface. You can configure specific background and text color through the color palette by the brand or standards of the application.

Figure: Primary Button

Secondary Button

The usage of Secondary Buttons may vary depending on the context, offering an alternative action that is less prominent or relevant to the user interface. Customize the desired Border, Text, and Background based on your requirements.

Figure: Secondary Button

Confirmation Button

The Confirmation Button conveys information about the action when executed. Designing buttons according to standards aids users in making the correct choices while navigating the interface. You can select the Success Background, Success Text, Error Background, Error Text colors based on the requirements.

Figure: Confirmation Button

Link Button

Link button is a hyperlink or a clickable element that connects to the another resource or document. It is often used to navigate between different sections or pages or to connect to external resources. You can select the required color from the color palette to configure the text color for the link buttons.

Figure: Link Button