Skip to content

CKCoastKey Showcase

CKCoastKeyProduct system

Getting started

Product Foundations

Product Foundation Colors Product Foundation Typography Product Foundation Spacing And Grid Product Foundation Radius Product Foundation Shadows And Effects Product Foundation Control Sizes Product Foundation Brand Assets

Product UI Kit

Avatar Product Action Buttons Product Toggle Buttons Product Text And Navigation Primitives Product Badges Marketing Badge Color Matrix Product Field Controls Product Select / Autocomplete / Choice Controls Product Filters Product Switching Controls Product FABs / Floating Actions Anchored Surface System Overlay Surface System Product Feedback Families Notification Indicators Product Date / Time / Range Controls Navigation Elements Data Display Elements State / Utility Elements Product Carousel Mechanics

Product Components

B2C Card Components B2C Offer Cards Carousel Rail Block ProductPageCardGrid Filter Containers Auth Entry Components User Account Components — B2C Workspace Components — B2B

Product Component Blocks

Home / Discovery Components Navigation / Shell Components Footer Components Hero / Media Header Blocks Search Assemblies Favorites Components Search / Catalog Blocks Detail Support Blocks Booking Components System Recovery Components / Layouts

Product Page Layouts

Layout Slot Specimens Home Page Layouts Search Catalog Page Layouts Search on Map Page Layouts Vendor Detail Page Layout Coast Detail Page Layout Beach Detail Page Layout Route Detail Page Layout B2C Booking Flow Layout User Account Page Layouts Favorites Page Layouts Auth Entry Page Layout B2B Vendor Workspace Page Layout B2B Vendor Section Page Layout

Back to catalog

Product UI Kit

Product Select / Autocomplete / Choice Controls

CoastKey product select, autocomplete, country select, checkbox, switch, ProductRadioControl, ProductRadioGroup, ProductActionCard, ProductChoiceCard, and ProductSelectCard wrappers. Switching/tabs controls stay on Product Switching Controls.

Select, country and autocomplete

Boolean choice controls

ProductCheckboxControl

SelectedRestDisabled

ProductSwitchControl

Enabled

Regular off

Mini on

Disabled

ProductRadioControl

SelectedEmptyDisabled

Choice cards

StandardDescriptionFeatureDescription

RestDescriptionSelectedDescriptionDisabledDescription