Skip to content

[Feature Request] Documentation NativeSelect #490

Open
@doishub

Description

@doishub

Usage example, including component, action, motion, or utility API

I am currently struggling to customize the styles of a select. If I use the multiple attribute, I would like to be able to define the minimum height.

When passing overwrite only the InputWrapper can be customized. By looking further into the code I found the attribute inputStyle and tried to define further styles like this:

<NativeSelect
             data={items}
             label="Select"
+            override={{ minHeight: 80 }}  // Overwrites the styles of the InputWrapper
+            inputStyle={{'& .input':{ height: 200, minHeight: 200, resize: 'vertical' }}} // Try 1
+            inputStyle={{'& .select':{ height: 200, minHeight: 200, resize: 'vertical' }}} // Try 2
+            inputStyle={{ height: 200, minHeight: 200, resize: 'vertical' }} // Try 3
             multiple />

Unfortunately, none of this works as desired.
Can you please adapt the documentation?

Possible implementation - describe how the feature can be implemented

No response

Do you want to contribute this feature and create a pull request

No

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingdocumentationImprovements or additions to documentation

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions