Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block2 dependencies

Credit card auto-pay

switch-09

A visual credit card mockup above a labeled switch for enabling automatic monthly payments.

@flxRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

4 variants

Variants of this

Other takes on Credit card auto-pay from @flx — the same idea in another design, language or styling.

Custom larger toggle with sun / moon icons that swap inside the thumb.

Open
@flx

More from @flx

All 155 items
Variants
banner-02
Block
Change Plan
manage-subscription-2
Block
Channel Matrix
notifications-1
Block
Split Screen
sign-in-6
Block
Table row actions
dropdown-11
Block
Rows per page
pagination-04
Block
Analytics overview
sketch-dashboard-01
Block
Saved Methods
payment-2
Block