Add input element addons left/right (#1335)

This commit is contained in:
Alek Petuskey 2023-07-12 15:37:06 -07:00 committed by GitHub
parent 7f0fc86816
commit f79ba97ce3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 1 deletions

View File

@ -108,6 +108,8 @@ input = Input.create
input_group = InputGroup.create input_group = InputGroup.create
input_left_addon = InputLeftAddon.create input_left_addon = InputLeftAddon.create
input_right_addon = InputRightAddon.create input_right_addon = InputRightAddon.create
input_left_element = InputLeftElement.create
input_right_element = InputRightElement.create
multi_select = MultiSelect multi_select = MultiSelect
multi_select_option = MultiSelectOption multi_select_option = MultiSelectOption
number_decrement_stepper = NumberDecrementStepper.create number_decrement_stepper = NumberDecrementStepper.create

View File

@ -15,7 +15,14 @@ from .editable import Editable, EditableInput, EditablePreview, EditableTextarea
from .email import Email from .email import Email
from .form import Form, FormControl, FormErrorMessage, FormHelperText, FormLabel from .form import Form, FormControl, FormErrorMessage, FormHelperText, FormLabel
from .iconbutton import IconButton 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 Option as MultiSelectOption
from .multiselect import Select as MultiSelect from .multiselect import Select as MultiSelect
from .numberinput import ( from .numberinput import (

View File

@ -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.""" """The InputRightAddon component is a component that is used to add an addon to the right of an input."""
tag = "InputRightAddon" 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"