# OhMyEtch Docs

> Atomic, non-opinionated components for WordPress.

This documentation covers OhMyEtch UI components, facets, and WooCommerce components for WordPress.

Use llms-full.txt for the complete bundle, or the section-specific files for focused context.

## Table of Contents

- [OhMyEtch](https://docs.ohmyetch.com/docs/intro.md): Atomic, non-opinionated components for WordPress — behavior and logic you compose into any layout.
- [Accordion](https://docs.ohmyetch.com/docs/ui-components/accordion.md): A family of composable components for expandable sections with built-in keyboard navigation, ARIA support, and animated panel behavior.
- [Breadcrumbs](https://docs.ohmyetch.com/docs/ui-components/breadcrumbs.md): Server-rendered breadcrumb navigation that automatically resolves the breadcrumb trail from the active WordPress query context.
- [Carousel](https://docs.ohmyetch.com/docs/ui-components/carousel.md): A family of composable components for touch-enabled carousels with external navigation, pagination dots, synced instances, autoplay, and Swiper.js ...
- [Dialog](https://docs.ohmyetch.com/docs/ui-components/dialog.md): A family of composable components for modal dialogs with built-in focus trapping, ARIA support, and flexible placement — connected to triggers by s...
- [Drawer](https://docs.ohmyetch.com/docs/ui-components/drawer.md): A family of composable components for edge-sliding panels with remote triggers, keyboard navigation, focus trapping, and full ARIA support.
- [Lightbox](https://docs.ohmyetch.com/docs/ui-components/lightbox.md): A family of composable components for overlay image galleries and custom HTML slides, powered by PhotoSwipe with built-in keyboard navigation, ARIA...
- [Navigation Menu](https://docs.ohmyetch.com/docs/ui-components/navigation-menu.md): A family of composable components for authored navigation with dropdown panels, keyboard support, animated viewport modes, and an optional mobile d...
- [Table of Contents](https://docs.ohmyetch.com/docs/ui-components/table-of-contents.md): An auto-generated on-page table of contents that scans headings in your content area, builds a clickable nested list, and tracks the active heading...
- [Tabs](https://docs.ohmyetch.com/docs/ui-components/tabs.md): A family of composable components for tabbed interfaces with built-in keyboard navigation, ARIA support, and optional responsive accordion behavior.
- [Argument Modes](https://docs.ohmyetch.com/docs/facets/argument-modes.md): Exact behavior of default, meta, taxonomy, date, ACF relationship, query bundle, and mapped bundle modes.
- [Availability, Counts, and Options](https://docs.ohmyetch.com/docs/facets/availability-counts-and-options.md): How option availability, dynamic counts, default selections, and unavailable selected values behave.
- [Checkbox List Facet](https://docs.ohmyetch.com/docs/facets/component-families/checkbox-list-facet.md): Multi-select list facet for choosing several option values.
- [Facet Target](https://docs.ohmyetch.com/docs/facets/component-families/facet-target.md): Result container whose loop and fallback slots are refreshed by connected facets.
- [Load More Facet](https://docs.ohmyetch.com/docs/facets/component-families/load-more-facet.md): Button control that requests the next batch for a Facet Target.
- [Map Facet](https://docs.ohmyetch.com/docs/facets/component-families/map-facet.md): Map-based geo-bounding-box facet with Map POI data inside the connected target loop.
- [Pagination Facet](https://docs.ohmyetch.com/docs/facets/component-families/pagination-facet.md): Offset-based pagination controls for a connected Facet Target.
- [Radio List Facet](https://docs.ohmyetch.com/docs/facets/component-families/radio-list-facet.md): Single-select list facet with optional built-in reset item.
- [Reset Facet](https://docs.ohmyetch.com/docs/facets/component-families/reset-facet.md): Button that clears all active filters for one target.
- [Search Facet](https://docs.ohmyetch.com/docs/facets/component-families/search-facet.md): Text input facet for standard query, meta, taxonomy, date, ACF relationship, and query bundle searches.
- [SearchSelect Facet](https://docs.ohmyetch.com/docs/facets/component-families/search-select-facet.md): Searchable dropdown facet for single, multiple, and mapped bundle option filtering.
- [Select Facet](https://docs.ohmyetch.com/docs/facets/component-families/select-facet.md): Dropdown facet for single-select, multi-select, and mapped bundle option filtering.
- [How Facets Work](https://docs.ohmyetch.com/docs/facets/how-facets-work.md): Target IDs, request flow, URL state, pagination, load more, reset, and map pairing.
- [Facet Overview](https://docs.ohmyetch.com/docs/facets/overview.md): How Oh My Etch facets connect controls to dynamic result targets.
- [Facet Recipes](https://docs.ohmyetch.com/docs/facets/recipes.md): Practical facet setups backed by the codebase E2E scenarios.
- [Shared Props](https://docs.ohmyetch.com/docs/facets/shared-props.md): Shared facet props and when each prop affects runtime behavior.
- [Checkout Fields and Validation](https://docs.ohmyetch.com/docs/woo/checkout-fields-and-validation.md): Checkout address schema, field rendering, local validation, terms, notices, and Store API submission.
- [Cart Items](https://docs.ohmyetch.com/docs/woo/component-families/cart-items.md): CartItems, cart item atoms, and cart attribute atoms as one hydrated row family.
- [Cart State and Notices](https://docs.ohmyetch.com/docs/woo/component-families/cart-state-and-notices.md): CartCount and CartNotices as the global cart feedback family.
- [Cart Totals](https://docs.ohmyetch.com/docs/woo/component-families/cart-totals.md): CartTotalsList and total atoms for cart and order summary totals.
- [Checkout Address Forms](https://docs.ohmyetch.com/docs/woo/component-families/checkout-address-forms.md): BillingAddressForm and ShippingAddressForm with Woo field schema, country/state controls, and shipping toggle.
- [Checkout Shell](https://docs.ohmyetch.com/docs/woo/component-families/checkout-shell.md): CheckoutProvider, CheckoutForm, CheckoutNotices, PlaceOrderButton, and checkout runtime state.
- [Coupons](https://docs.ohmyetch.com/docs/woo/component-families/coupons.md): CouponForm, CouponAppliedList, and CouponRemoveButton as the cart coupon family.
- [Order Summary](https://docs.ohmyetch.com/docs/woo/component-families/order-summary.md): OrderSummary, OrderSummaryTotalsList, and read-only cart atom reuse in checkout.
- [Payment Selector](https://docs.ohmyetch.com/docs/woo/component-families/payment-selector.md): PaymentMethodSelector modes, simple gateway data, and checkout form integration.
- [Product Purchase](https://docs.ohmyetch.com/docs/woo/component-families/product-purchase.md): AddToCartForm, AddToCartButton, AttributeSelector, and BuyNowButton as one product purchase family.
- [Shipping Selector](https://docs.ohmyetch.com/docs/woo/component-families/shipping-selector.md): ShippingMethodSelector modes, package-aware rate values, and cart total updates.
- [Terms Checkbox](https://docs.ohmyetch.com/docs/woo/component-families/terms-checkbox.md): TermsCheckbox checkout acceptance state and checkout blocking behavior.
- [Data Context and Dynamic Sources](https://docs.ohmyetch.com/docs/woo/data-context-and-dynamic-sources.md): Product, cart, checkout, payment, and shipping data sources used by Woo components.
- [Cart Page Flow](https://docs.ohmyetch.com/docs/woo/flows/cart-page.md): How the cart demo page combines cart items, item atoms, coupons, shipping methods, totals, notices, and empty-state rendering.
- [Checkout Page Flow](https://docs.ohmyetch.com/docs/woo/flows/checkout-page.md): How the checkout demo connects CheckoutProvider, CheckoutForm, address forms, selectors, terms, notices, order summary, and Store API order placement.
- [Demo Store Preview Flow](https://docs.ohmyetch.com/docs/woo/flows/demo-store-preview-flow.md): How the Woo demo store builder seeds products, media, templates, pages, styles, and preview URLs for the component test flow.
- [Product Archive Flow](https://docs.ohmyetch.com/docs/woo/flows/product-archive.md): How the Woo product archive demo connects product loops, dynamic product data, purchase forms, cart count, and notices.
- [Single Product Flow](https://docs.ohmyetch.com/docs/woo/flows/single-product.md): How the single-product demo template connects current-product dynamic data, variable selectors, quantity, add-to-cart, and buy-now behavior.
- [How Woo Components Work](https://docs.ohmyetch.com/docs/woo/how-woo-components-work.md): Runtime, rendering, Store API, and composition rules for Woo components.
- [Woo Components](https://docs.ohmyetch.com/docs/woo/overview.md): Code-backed guide to how OhMyEtch Woo components compose product, cart, and checkout experiences.
- [Woo Recipes](https://docs.ohmyetch.com/docs/woo/recipes.md): Practical Woo component structures backed by current E2E scenarios and demo-store patterns.
- [Shared Controls and Props](https://docs.ohmyetch.com/docs/woo/shared-controls-and-props.md): Shared Woo props, UIChoice selector modes, class props, preview props, and state attributes.
- [Store API and Native Hooks](https://docs.ohmyetch.com/docs/woo/store-api-and-native-hooks.md): How Woo components use Store API while preserving native WooCommerce hooks.
- [Woo Dynamic Data Tree](https://docs.ohmyetch.com/docs/woo/woo-dynamic-data-tree.md): Full reference for product, cart, and selector dynamic data exposed by Woo docs and components.
- [LLM & agent access](https://docs.ohmyetch.com/docs/llms.md): Machine-readable documentation bundles and per-page Markdown exports for AI agents and tools.