Hyperlink an Input Label in Semantic UI React

Question

I have the following <Form.Input> that has a label I'd like users to be able to click, taking them to a new site in a new tab

<Form.Input 
    label='Icon (See Semantic Icons for options)' 
    name='icon' value={icon || ''} 
    onChange={this.handleChange} />

I don't see any documentation on how to achieve this - is it possible to embed a hyperlink within an attribute in Semantic UI React?

MEnf · Accepted Answer · 2019-02-22 16:50:02Z

1

You can pass an element to the label prop, so you can do something like this

<Form.Input 
label={<div>Icon (<a href="www.semantic-options.com">See Semantic Icons for options</a>)</div>} 
name='icon' value={icon || ''} 
onChange={this.handleChange} />

answered Feb 22, 2019 at 16:50

MEnf

1,5321 gold badge12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Clay Banks Over a year ago

Brilliant m8. Thank you!

Collectives™ on Stack Overflow

Hyperlink an Input Label in Semantic UI React

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related