All components

One tile per component, showing its first example — for a visual sweep across the whole system. Each tile links to the full page: every variant, the generated props table, and the rules.

Layout

ContainerContainer.tsx

size="md" — the default measure

size="lg"

SectionSection.tsx

spacing="md" on grey-50

a full-bleed band

StackStack.tsx

gap="xs"

gap="sm"

gap="md"

gap="lg"

RowRow.tsx

start

center

end

between

GridGrid.tsx

MasonryGridMasonryGrid.tsx

Short

Taller
card
here

Short

Another
tall one

Short

DividerDivider.tsx

continue with

BoxBox.tsx

Bank transfer

2–3 business days

PayPal

Instant

Typography

TypographyTypography.tsx

Header lg

Header md — the default

Header sm

weight="bold"

weight="black"

RichTextRichText.tsx

Cashback terms

Cashback is confirmed after the return window closes.

Applies to items bought via Bonusway
Excludes gift cards

See the store list for exceptions.

ReadMoreTextReadMoreText.tsx

Cashback is confirmed after the return window closes and the…

Actions

ButtonButton.tsx

IconButtonIconButton.tsx

TextLinkTextLink.tsx

Read our terms of service before withdrawing.

underline="hover" (default)underline="none"

MenuMenu.tsx

Forms

FormForm.tsx

Inline field error

Enter a valid email address.

formError renders an Alert here, directly above the button — see the Alert page for how that looks.

FieldField.tsx

IBAN

Used only for withdrawals.

Country

InputInput.tsx

TextareaTextarea.tsx

Your review

A review needs at least 50 characters.

SelectSelect.tsx

DropdownDropdown.tsx

CheckboxCheckbox.tsx

I agree to the terms of serviceSend me deal alertsDisabled option

With a validation errorYou must accept the terms to continue.

RadioRadio.tsx

Bank transferPayPal

Selected: bank

ToggleToggle.tsx

Email updates on

IconToggleIconToggle.tsx

FileUploadFileUpload.tsx

Receipt or order confirmation

PDF, JPG, PNG or GIF, up to 4 MB.

Try dropping a receipt, or a file of the wrong type/size to see the rejection.

Data display

CardCard.tsx

padding="none"

padding="sm"

padding="md" (default)

BadgeBadge.tsx

greynavyblueredgreengold

AvatarAvatar.tsx

PicturePicture.tsx

IconIcon.tsx

TableTable.tsx

Store	Date	Cashback
Example Store	12.8.2026	4,50 €
Another Store	3.8.2026	12,00 €

RatingRating.tsx

ProgressProgress.tsx

SkeletonSkeleton.tsx

Feedback

AlertAlert.tsx

Withdrawal requested

You’ll get an email when it’s paid.

That password isn’t right

Cashback can take 48 hours to appear

Tracking is confirmed by the store, not by us.

ToastToast.tsx

ModalModal.tsx

DrawerDrawer.tsx

SpinnerSpinner.tsx

TooltipTooltip.tsx

top

bottom

left

right

StickyBannerStickyBanner.tsx

Protect your account!

Add your phone number to keep your account secure.

Add phone number

BottomBarBottomBar.tsx

This website uses cookies

We use cookies to improve your experience on our site and to personalize the content we show you.

Cookie settings

TabsTabs.tsx

Terms, exclusions, tracking notes.

AccordionAccordion.tsx

When does cashback appear?

Usually within 48 hours, as pending. It is confirmed once the store’s return window closes.

Why is my cashback lower than the advertised rate?

Rates vary by product category. The tier table on the store page lists each one.

BreadcrumbBreadcrumb.tsx

PaginationPagination.tsx

Page 5 of 20 — jump to 1 or 20 to see the window collapse.

CarouselCarousel.tsx

StepperStepper.tsx

Add number
Verify current number
Verify new number

All components

Layout

Typography

Header lg

Header md — the default

Header sm

weight="bold"

weight="black"

Cashback terms

Actions

Forms

Data display

Feedback

Delete this account?

Navigation