react-awesome-tabs icon indicating copy to clipboard operation
react-awesome-tabs copied to clipboard

Rename tabs?

Open weatherbell opened this issue 7 years ago • 2 comments

This looks like an awesome component, great job. The one feature that I would love to have is the ability to rename tabs. I like the way google docs did it - you can either double click on the tab or click the little arrow and select 'rename.'

screen shot 2017-05-03 at 4 46 00 pm and rename

I am new to react - so I was wondering, is there a way to implement this without modifying your code?

weatherbell avatar May 03 '17 20:05 weatherbell

That's a cool idea! Maybe I can make it more flexible - like you can define your own operations for this tab.

gao-sun avatar May 03 '17 23:05 gao-sun

I think it's possible using icon props inside Tab component like this:

<Tab icon={<EditableTitle />}/>

Your component passed to icon props need to support inline editing.

Awesome tabs component @gao-sun, thanks for your work!

tororudy avatar Jan 18 '18 04:01 tororudy