Kobra Commerce

Default

The whole card is the label. Click, tap, or focus and press Space.

TeesHoodiesCapsPrints

With icons

Gift wrapRecycled paper and a note$3Shipping insuranceCovers loss and damage$2Rush productionShips two days sooner$8SMS trackingTexts at each stepFree

Icon cards

Vertical cards in a grid. The checkbox sits in the corner.

Gift wrap$3Shipping insurance$2Rush production$8SMS trackingFree

Grid layout and secondary variant

TeesHoodiesCapsPrints

Custom indicator

Pass a node as `indicator`: it shows in the corner when checked.

Gift wrapRecycled paper and a note$3Shipping insuranceCovers loss and damage$2Rush productionShips two days sooner$8SMS trackingTexts at each stepFree

No indicator

indicator='none': the card border and tint carry the state.

Disabled group and disabled item

Controlled

TeesHoodiesCapsPrints

Selected: hoodies, caps

Render prop children

Children as a function of { checked, disabled }.

TeesFollowingHoodiesTap to followCapsTap to follow

Subscription plan extras

Studio plan, $19 a month. Prices are samples.

Extra seatAdd a teammate+$6/mo

Custom domainConnect yours+$4/mo

Data exportCSV on demand+$5/mo

Total $25 per month

With ripple

ripple adds the pressable-feedback ripple to every card.

Gift wrapRecycled paper and a note$3

Shipping insuranceCovers loss and damage$2

Rush productionShips two days sooner$8

SMS trackingTexts at each stepFree