ant-design segmented : allow title as tooltip component

2w3kk1z5  于 2个月前  发布在  其他
关注(0)|答案(5)|浏览(72)

What problem does this feature solve?

we can add title to segmented item but you want to add antd Tooltip component, it display object.

What does the proposed API look like?

allow to add Tooltip in place of title

a6b3iqyw

a6b3iqyw1#

I think segmented should have a property 'tooltip'.

nwlls2ji

nwlls2ji2#

I guess it would make more sense to have the tooltip property in the options like:

options = [
    {label: '7D', value: '7d', toolTip: 'Last 7 days'},
    {label: '1M', value: '30d', toolTip: 'Last 1 month'},
    {label: '1Y', value: '1y', toolTip: 'Last 1 year'},
    {label: 'All', value: '100y', toolTip: 'All time'},
];
mznpcxlj

mznpcxlj4#

I solved it as below:

<Segmented
  className="tooltip-segmented"
  options={[
    {
      label: (
        <Tooltip title="Hello World">
          Daily
        </Tooltip>
      ),
      value: "Daily",
    },
    { label: "Weekly", value: "Weekly" },
  ]}
/>

I don't know exactly what role :after is, but it doesn't seem to be a problem.

.ant-segmented.tooltip-segmented .ant-segmented-item::after {
  display: none;
}
w51jfk4q

w51jfk4q5#

Hello @zeden. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @zeden,我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的 预设模板 ,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。

相关问题