question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Input.TextArea] suffix and prefix support

See original GitHub issue
  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

This feature will be very useful to add a helper (question/information icon) to Input.TextArea component.

What does the proposed API look like?

Same as in Input component.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

8reactions
joenot443commented, May 7, 2018

I would also appreciate this. Is there any reason why you’re opposed to implementing it?

1reaction
fantuacommented, Apr 30, 2018

Hi, @afc163

I need something like this, but with TextArea (multiline):

<Input
    placeholder="Enter value"
    suffix={
        <Tooltip title="Some help information">
            <Icon type="question-circle-o" />
        </Tooltip>
    }
/>

screen

With Input.Group looks like I can do only something like that:

<Input.Group>
    <Col xs={10}>
        <Input.TextArea rows={3}/>
    </Col>
    <Col xs={1}>
        <Icon type="question-circle-o" />
    </Col>
</Input.Group>

screen

But it’s look a little bit weird, or I’m missing something?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Style attributes doesn't work on Input with suffix or prefix
style property on input with suffix or prefix property isn't supported in the implementation of Input component.
Read more >
Input prefix or suffix | U.S. Web Design System (USWDS)
Use input prefixes and suffixes to show symbols or abbreviations that help users enter the right type of information in a form's text...
Read more >
Input - Ant Design
A basic widget for getting the user input is a text field. ... Add a prefix or suffix icons inside input. expand code...
Read more >
Input - Ant Design - A UI Design Language
A basic widget for getting the user input is a text field. ... Add prefix or suffix icons inside input. expand code ......
Read more >
Input with prefix and suffix attached - CodePen
<h1> Input Prefix and Suffix </h1>. 3. <form>. 4. <div class="row"> ... <span class="input-group-addon prefix">Prefix</span>.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found