Button
Overview
DIGIT UI components provide a variety of buttons with optional suffix and prefix icons, contributing to a cohesive and visually appealing UI.
Properties
Button Type
Primary: Represents the primary action. It features a prominent colour, and its appearance can change on hover or click.
Secondary: Offers a secondary action. It has a different colour scheme than the primary button.
Tertiary: Provides a tertiary action with a distinct visual style.
Link: Resembles a hyperlink, suitable for navigation or linking to other parts of the application. It typically includes an underline.
Hover and Disabled State
The DigitButton widget handles hover effects and a disabled state. When the button is hovered over, it can exhibit visual changes depending on its type. The disabled state prevents interaction and adjusts the button's appearance accordingly.
Icon Placement
The widget supports the placement of icons both before and after the label text. This allows for flexibility in button design.
Properties
It contains the following required Parameters:
These are some optional parameters:
Configuration
Primary Button
To use the primary button add the below lines of code:
With suffix Icon:
With prefix Icon:
Secondary Button
To use the secondary button add the following lines of code:
Prefix and Suffix icons can be added to the secondary button using the same code as given for the primary button.
Tertiary Button
To use the tertiary button add the below lines of code:
Link
To use a link, add the following lines of code:
Last updated