P
pawabloX

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

Basic Card
This is a basic card component with header and content

Card content goes here. This can include any type of content like text, images, buttons, or other components.

Featured Card
A highlighted card with custom styling

This card has custom styling to make it stand out from regular cards.


Loaders & Spinners

Loading indicators in different sizes

Small

Default

Large

Loading content...

Badges

Status indicators and labels

NewPopularDraftError
InfoWarningSuccessPremium
John DoeProVerified

Example of badges in context


Modal Dialog

Modal overlay component

pawabloX Design System Component Catalog