diff --git a/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx b/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx index bafb924717..ba97cc2260 100644 --- a/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx +++ b/example/storybook-nativewind/src/components/FormControl/index.nw.stories.mdx @@ -672,240 +672,6 @@ The Textarea Component can be incorporated within the FormControl. /> -#### Form Control with Inline Form - -Inline forms can utilize FormControl for seamless integration and enhanced functionality. - - - - - - - - - - - - - - - - `, - transformCode: (code) => { - return transformedCode(code); - }, - scope: { - Wrapper, - FormControl, - FormControlLabel, - FormControlLabelText, - FormControlHelper, - FormControlHelperText, - FormControlError, - FormControlErrorIcon, - FormControlErrorText, - Icon, - HStack, - ChevronDownIcon, - Input, - InputField, - Select, - SelectTrigger, - SelectInput, - SelectIcon, - SelectPortal, - SelectBackdrop, - SelectContent, - SelectDragIndicatorWrapper, - SelectDragIndicator, - SelectItem, - Button, - ButtonText, - }, - argsType: {}, - }} - /> - - -#### Form Control with Form in Modal - -Modal or other Overlay components can utilize FormControl for state management and error control. - - - - - { - setShowModal(false) - }} - className='bg-white' - > - - - - - - Change Settings - - - Make modifications to the settings with ease. - - - - - - - Name - - - - - - - - - - Email - - - - - - - - - - Volume - - - - - - - - - - - - - - Dark Mode - - - - - - - - - - ); - } - `, - transformCode: (code) => { - return transformedCode(code, 'function', 'App'); - }, - scope: { - Wrapper, - useState, - Box, - Center, - FormControl, - FormControlLabel, - FormControlLabelText, - FormControlHelper, - FormControlHelperText, - FormControlError, - FormControlErrorIcon, - FormControlErrorText, - Input, - InputField, - Button, - ButtonText, - Slider, - SliderTrack, - SliderFilledTrack, - SliderThumb, - Switch, - Modal, - ModalBackdrop, - ModalContent, - ModalHeader, - ModalCloseButton, - ModalBody, - ModalFooter, - Text: FormControlText, - Heading, - VStack, - HStack, - }, - argsType: {}, - }} - /> - - #### Form Control with Error Error messages can be displayed using FormControl.