Accordion is a vertical stack of interactive headings used to toggle the display of further information; each item can be collapsed with just a short label visible or expanded to show the full content.
Interface react component library created by ErudiFi
An amount input component specific to a currency allows users to input and display monetary values in a particular currency format. It includes additional features and formatting options tailored to that currency, such as currency symbols, decimal separat
An avatar component is a UI element commonly used to represent a user or entity with a visual representation, usually in the form of a small image or icon. Avatars are often displayed alongside user profiles, comments, or other interactive elements in web
a small graphical element or indicator that is typically displayed on top of another element, such as an icon, text, or button, to provide additional information or visual cues to the user. Badges are commonly used to highlight status, notifications, coun
The primary purpose of a banner component is to capture the attention of the user, convey important information, promote a specific message, or highlight a key feature or call to action.
Buttons allow users to take actions, and make choices, with a single tap. Buttons communicate actions that users can take. They are typically placed throughout your website UI, and they should be easily findable and identifiable while clearly indicating t
Graphical widget that allows the user to make a binary choice, i.e. a choice between one of two possible mutually exclusive options.
A number field is an input field that users can type into and have an extra button plus and minus icon for Increment and decrement.
The easiest way to get started with Next.js Tailwind CSS and Alma interface using create-app
Dropdown is is a graphical user interface element that gives users a list of possibilities and allows them to select one value from the list
Utility function to display value with several format such a Date, Mobile Phone, and etc.
Beautiful hand-crafted SVG icons create by ErudiFi.
Utility function to efficiently merge Tailwind CSS classes in JS without style conflicts.
Mobile Input field is an input field only use for mobile number with specific country code format.
An accessible overlay dialog.
A numberr field is an input field that users can type into. It has a range of options and supports several numberr.
Popovers are small overlays that open on demand. They can access additional content and actions without cluttering the page.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Use radio buttons to present each item in a list of options where users must make a single selection.