Component Catalog
A comprehensive preview of all pawabloX design system components
This catalog showcases all the UI components available in the pawabloX design system. Each component is styled to match the betPawa brand with the signature lime green colors, proper spacing, and consistent typography. You can interact with these components to see their different states and behaviors before using them in your projects.
Buttons
Primary, secondary, and disabled button states
Input Fields
Text input with various states
Checkboxes
Checkbox components with labels
Radio Buttons
Single selection radio button group
Choose your plan:
Advanced features for large organizations
Select Dropdown
Dropdown selection component
Tabs
Tabbed navigation component
Overview Content
This is the overview tab content with general information.
Cards
Card containers with headers and content
Card content goes here. This can include any type of content like text, images, buttons, or other components.
This card has custom styling to make it stand out from regular cards.
Loaders & Spinners
Loading indicators in different sizes
Small
Default
Large
Badges
Status indicators and labels
Example of badges in context
Modal Dialog
Modal overlay component
pawabloX Design System Component Catalog