"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", blockquote: "blockquote", code: "code", h2: "h2", p: "p", pre: "pre", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.h2, { id: "introduction", children: "Introduction" }), "\n", _jsx(_components.p, { children: "A dropdown element allows a user to select one or more options from a limited set of choices." }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "\n" }) }), "\n", _jsxs(_components.p, { children: ["The best way to interact with that ", _jsx(_components.code, { children: "" }), " element and the option you want to choose."] }), "\n", _jsxs(_components.p, { children: ["In the ", _jsx(_components.code, { children: "Option to pick" }), " input, you need to provide the text from the ", _jsx(_components.code, { children: "

How to Test Dropdowns