Exact exports, props, slots, hooks, and runtime behavior belong to SDK package reference. Examples are guidance unless explicitly marked copy-paste-safe.

Review component intent and composition guidance before wiring this component into an app. Then use the live playground to confirm the rendered behavior.

Playground

• Import path: @enadhq/enad-react-sdk/client/storefront.
• Live playground: /components/commerce/sort-select.

When to use it

Use SortSelect on listing and search pages where the visitor should reorder a result set without changing the overall filtering model.

Composition notes

Keep the options short and mutually exclusive. Sorting works best when each label explains the result clearly and no two options feel redundant.

Behavior and theming guidance

Place sorting close to result count and filter controls so the whole results-toolbar model stays understandable.

Contract scope

• Use SDK package reference for exact props, exports, slots, hooks, and runtime behavior.
• Public import: @enadhq/enad-react-sdk/client/storefront.
• Playground route: /sandbox?component=SortSelect.
• Copy/paste scope: guidance-only. Treat examples as guidance until checked against SDK package reference.

Implementation notes