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§
- Accordion
Item - Collapsible Accordion section item
- Breadcrumb
Item - Input
Config - Sidebar
Item - TabItem
- Tab navigation item
Enums§
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