diff --git a/packages/vkui/src/components/NativeSelect/NativeSelect.e2e-playground.tsx b/packages/vkui/src/components/NativeSelect/NativeSelect.e2e-playground.tsx index bf2f120a1c..f304df1de8 100644 --- a/packages/vkui/src/components/NativeSelect/NativeSelect.e2e-playground.tsx +++ b/packages/vkui/src/components/NativeSelect/NativeSelect.e2e-playground.tsx @@ -28,6 +28,9 @@ export const NativeSelectPlayground = (props: ComponentPlaygroundProps) => { { status: ['error', 'valid'], }, + { + selectType: ['plain', 'accent'], + }, ]} > {(props: NativeSelectProps) => ( diff --git a/packages/vkui/src/components/NativeSelect/NativeSelect.tsx b/packages/vkui/src/components/NativeSelect/NativeSelect.tsx index bc529273f0..ef07edf8bf 100644 --- a/packages/vkui/src/components/NativeSelect/NativeSelect.tsx +++ b/packages/vkui/src/components/NativeSelect/NativeSelect.tsx @@ -4,6 +4,7 @@ import { useAdaptivity } from '../../hooks/useAdaptivity'; import { useEnsuredControl } from '../../hooks/useEnsuredControl'; import { useExternRef } from '../../hooks/useExternRef'; import { SizeType } from '../../lib/adaptivity'; +import { getFormFieldModeFromSelectType } from '../../lib/select'; import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect'; import { HasAlign, HasRef, HasRootRef } from '../../types'; import { DropdownIcon } from '../DropdownIcon/DropdownIcon'; @@ -99,6 +100,7 @@ const NativeSelect = ({ before={before} after={icon} status={status} + mode={getFormFieldModeFromSelectType(selectType)} >