diff --git a/reflex/components/__init__.py b/reflex/components/__init__.py index 9e4815969..3e4ea3cbc 100644 --- a/reflex/components/__init__.py +++ b/reflex/components/__init__.py @@ -108,6 +108,8 @@ input = Input.create input_group = InputGroup.create input_left_addon = InputLeftAddon.create input_right_addon = InputRightAddon.create +input_left_element = InputLeftElement.create +input_right_element = InputRightElement.create multi_select = MultiSelect multi_select_option = MultiSelectOption number_decrement_stepper = NumberDecrementStepper.create diff --git a/reflex/components/forms/__init__.py b/reflex/components/forms/__init__.py index 37a59879d..9e93702d4 100644 --- a/reflex/components/forms/__init__.py +++ b/reflex/components/forms/__init__.py @@ -15,7 +15,14 @@ from .editable import Editable, EditableInput, EditablePreview, EditableTextarea from .email import Email from .form import Form, FormControl, FormErrorMessage, FormHelperText, FormLabel from .iconbutton import IconButton -from .input import Input, InputGroup, InputLeftAddon, InputRightAddon +from .input import ( + Input, + InputGroup, + InputLeftAddon, + InputLeftElement, + InputRightAddon, + InputRightElement, +) from .multiselect import Option as MultiSelectOption from .multiselect import Select as MultiSelect from .numberinput import ( diff --git a/reflex/components/forms/input.py b/reflex/components/forms/input.py index 0df2c4b44..098cd72ab 100644 --- a/reflex/components/forms/input.py +++ b/reflex/components/forms/input.py @@ -86,3 +86,15 @@ class InputRightAddon(ChakraComponent): """The InputRightAddon component is a component that is used to add an addon to the right of an input.""" tag = "InputRightAddon" + + +class InputLeftElement(ChakraComponent): + """The InputLeftElement component is a component that is used to add an element to the left of an input.""" + + tag = "InputLeftElement" + + +class InputRightElement(ChakraComponent): + """The InputRightElement component is a component that is used to add an element to the right of an input.""" + + tag = "InputRightElement"