Skip to main content

Module components

Module components 

Source
Expand description

§Glassmorphism & Enterprise UI Components (ferrox-front-ui::components)

Provides a comprehensive component library with Shadcn/Reactstrap feature parity:

  • Form Controls (Inputs with icons/validity, Textareas with counters, Switches, Custom Checkboxes/Radios, Selects, Sliders)
  • Surfaces & Overlays (Modals with sizing, Drawers/Offcanvas, Accordions, Tabs, Tooltips, Popovers, Toasts, Skeletons)
  • Navigation (Navbar, Collapsible Sidebar, Breadcrumbs, Pagination)
  • Buttons & Button Groups (All variants, sizes, loading spinners)

Structs§

AccordionItem
Collapsible Accordion section item
BreadcrumbItem
InputConfig
SidebarItem
TabItem
Tab navigation item

Enums§

ButtonSize
ButtonVariant

Functions§

accordion
Renders collapsible Accordion sections
alert
avatar
badge
breadcrumb
Renders a Breadcrumb navigation path
button
Renders a Design System Button with variants: “primary”, “secondary”, “outline”, “glass”, “danger”, “ghost”, “link”
button_advanced
Advanced Button supporting sizes (“xs”, “sm”, “md”, “lg”), loading spinner, and icon prefix
button_group
Renders a segmented Button Group (e.g. timeframe selection: 1D, 1W, 1M, 1Y)
card
card_body
card_footer
card_header
checkbox
checkbox_advanced
Custom Styled Checkbox with SVG indicator and indeterminate support
drawer
Sliding Drawer / Offcanvas Panel (left or right)
file_upload
form_group
input
Standard Form Input field
input_advanced
Advanced Input supporting prefix/suffix icons, validity states (is-valid, is-invalid), and helper text
micro_spinner
modal
Renders an Enterprise Modal dialog with blurred backdrop, size variants, and close handler
modal_advanced
navbar
Renders an Enterprise Top Navbar with logo/brand, navigation links, and actions
pagination
Renders a Complete Pagination Bar with ellipsis and page numbers
progress_bar
progress_bar_circular
Circular Progress Ring
radio
radio_group
Custom Styled Radio Group
range_slider
range_slider_with_bubble
Range Slider with interactive tooltip bubble
search_input
select
select_dropdown
Custom Filterable Select Dropdown
sidebar
Renders a Collapsible Sidebar with icons, labels, and badges
skeleton
Skeleton loading placeholder with pulsed light shimmer
spinner
switch_toggle
Animated Switch Toggle with smooth CSS transition
tabs
Renders reactive Tab navigation bar: variants: “line”, “pills”, “segmented”
textarea
textarea_advanced
Advanced Textarea with character counter and dynamic expansion
toast
Notification Toast with timed progress bar
toggle_switch
tooltip
Tooltip wrapper rendering tooltip bubble on hover
user_pill