> ## Documentation Index
> Fetch the complete documentation index at: /docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Components

> Pre-built React components for menu browsing, cart management, checkout, and fulfillment.

Crave provides restaurant-specific React components that integrate with your [shadcn/ui](https://ui.shadcn.com) design system. Drop them into your storefront to handle menu display, cart logic, checkout, and fulfillment — then style them to match your brand.

> [card] [Installation](/docs/components/installation.md)
>
> Set up dependencies, project structure, and component source in your storefront.

> [card] [Configure the SDK](/docs/getting-started/storefront-sdk.md)
>
> Add the public API origin, merchant slug, and location ID without a browser credential.

## Menu & Products

Display menus, categories, and product cards.

> [card] [CategoryTabs](/docs/components/menu/category-tabs.md)
>
> Sticky tab navigation for menu categories with active indicator.

> [card] [MenuSwitcher](/docs/components/menu/menu-switcher.md)
>
> Dropdown to switch between menus (lunch, dinner) with availability.

> [card] [Item](/docs/components/menu/item.md)
>
> Product card — renders vertical or horizontal with quick-add.

> [card] [ItemCarousel](/docs/components/menu/item-carousel.md)
>
> Carousel for featured or recommended menu items.

## Modifiers

Product customization — sizes, toppings, special instructions.

> [card] [ModifierGroup](/docs/components/modifiers/modifier-group.md)
>
> Renders modifier groups (e.g., size, toppings) with selection state.

> [card] [ProductDescriptionScreen](/docs/components/modifiers/product-description-screen.md)
>
> Full-screen modal for product details, modifiers, and add-to-cart.

> [card] [SpecialInstructions](/docs/components/modifiers/special-instructions.md)
>
> Textarea for customer special requests and dietary notes.

> [card] [ItemCounterButton](/docs/components/modifiers/item-counter-button.md)
>
> Quantity selector with increment/decrement buttons.

## Cart

Manage the shopping cart.

> [card] [CartPanel](/docs/components/cart/cart-panel.md)
>
> Side drawer showing cart contents with checkout CTA.

> [card] [CartNavButton](/docs/components/cart/cart-nav-button.md)
>
> Header button showing item count — opens the cart panel.

> [card] [CartItemRow](/docs/components/cart/cart-item-row.md)
>
> Individual cart item with modifiers, quantity controls, and price.

> [card] [CartRelatedItems](/docs/components/cart/cart-related-items.md)
>
> Recommended upsell items shown inside the cart.

## Checkout

Customer details, payments, and order submission.

> [card] [CheckoutComponent](/docs/components/checkout/checkout-component.md)
>
> Main checkout layout orchestrating all checkout sections.

> [card] [CustomerDetailsForm](/docs/components/checkout/customer-details-form.md)
>
> Form for name, email, and phone with validation.

> [card] [PaymentForm](/docs/components/checkout/payment-form.md)
>
> Stripe PaymentElement wrapper for card and payment methods.

> [card] [TipSelector](/docs/components/checkout/tip-selector.md)
>
> Interactive tip selection with presets and custom input.

> [card] [OrderTimePicker](/docs/components/checkout/order-time-picker.md)
>
> ASAP or scheduled pickup/delivery time selector.

> [card] [ApplyPromoCode](/docs/components/checkout/apply-promo-code.md)
>
> Promo code input with validation and discount display.

## Fulfillment

Order fulfillment method selection — delivery, pickup, table-side, room service.

> [card] [FulfilmentMethodHandler](/docs/components/fulfillment/fulfilment-method-handler.md)
>
> Routes to the correct fulfillment UI based on method.

> [card] [DeliveryFulfillment](/docs/components/fulfillment/delivery.md)
>
> Address picker and delivery details.

> [card] [TableSideFulfillment](/docs/components/fulfillment/table-side.md)
>
> Table number selection for dine-in service.

> [card] [SelectRoomNumber](/docs/components/fulfillment/room-service.md)
>
> Room number and guest name input for hotel room service.

## Post-Order

Order confirmation and feedback.

> [card] [OrderConfirmation](/docs/components/post-order/order-confirmation.md)
>
> Thank-you screen with order details and next steps.

> [card] [ExperienceRating](/docs/components/post-order/experience-rating.md)
>
> Star rating component for post-order feedback.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.