Components
~25 components from @kactostecnologia/benix-ds. Each has a dedicated page with API reference and runnable examples.
Primitives
Foundational building blocks — buttons, badges, avatars and navigational pieces.
Button
Main interactive button. Variants, sizes, loading state and icon support.
Badge
Small label for status, count or category.
Avatar
Profile picture with automatic initial-based fallback.
IconButton
Circular or square icon-only button. Ideal for toolbars.
Tabs
Accessible tab navigation built on Radix.
Popover
Anchored popover for secondary menus and inline forms.
Slider
Range slider with customizable min/max/step.
Skeleton
Loading placeholder with shimmer animation.
Progress
Determinate progress bar for goal completion, budget usage and multi-step flows.
Forms
Inputs, selects, switches and other interactive controls.
Input
Text input with leftSlot/rightSlot for icons. Multiple variants.
Textarea
Multi-line text input.
SearchField
Search input with magnifier icon and clear button.
PasswordInput
Password input with visibility toggle and optional strength bar.
MaskedInput
Input with CPF, CNPJ, CEP, PHONE and CELL masks. Formats as you type.
OTPInput
OTP / 2FA code input with paste, auto-focus and backspace handling.
Select
Select with optional search and generic types.
Switch
iOS-style on/off toggle.
Checkbox
Controlled checkbox with indeterminate support.
RadioCards
Radio buttons in card form — great for plans and descriptive options.
ColorPicker
Color picker with palette and hex input.
PhoneInput
International phone input with country flag picker and E.164 formatting.
Overlays
Dialogs, drawers and dropdowns — modal-style surfaces built on Radix.
Feedbacks
Communicate state to the user — banners and inline alerts.
Data Display
Information containers — cards, metric cards and other visualizations.
Card
Basic container with optional header and actions slot.
MetricCard
KPI card with icon, large value, change and semantic color.
StatsCard
Bold gradient card for hero stats — success, danger, info and warning tones.
Table
Low-level HTML table primitives styled with DS tokens — for static or lightly-dynamic tables when ManagedDataTable is overkill.
ManagedDataTable
Full-featured table with sort, filter, search, selection, bulk actions and pagination.