NativeSelect
NativeSelect
は、ユーザーがオプションのリストから1つを選択するために使用されるコンポーネントです。ブラウザ(ユーザーエージェント)によって提供されるネイティブなドロップダウンリストを表示します。
テーマ
NativeSelect
は、複数パーツのコンポーネントです。
NativeSelect
は、Inputのスタイルを継承しています。
コンポーネントのスタイルを変更したい場合は、こちらをご覧ください。
export const NativeSelect: ComponentMultiStyle<"NativeSelect"> =mergeMultiStyle(Input, {baseStyle: {container: {},field: {cursor: "pointer",pr: "8",pb: "px",_focus: {zIndex: "unset",},_readOnly: {pointerEvents: "none",},"& > option, optgroup": {bg: ["white", "black"],},},icon: {w: "6",py: "2",color: ["blackAlpha.600", "whiteAlpha.700"],fontSize: "xl",outline: 0,rounded: "md",_disabled: {opacity: 0.4,},},},sizes: {xs: {icon: {pt: "3",fontSize: "lg",insetEnd: "1",},},sm: {icon: {insetEnd: "2",},},md: {icon: {insetEnd: "2",},},lg: {icon: {insetEnd: "2",},},},})({ omit: ["addon", "element"] })
GitHubでこのページを編集する