ant-design/components/tooltip/demo/disabled.tsx
thinkasany 5e11413222
demo: use null instead '' for tooltip's disabled demo (#53069)
* demo: use  instead  for tooltip's disabled demo

* empty commit

Co-authored-by: lijianan <574980606@qq.com>

---------

Co-authored-by: lijianan <574980606@qq.com>
2025-03-06 05:44:11 +08:00

15 lines
368 B
TypeScript

import React, { useState } from 'react';
import { Button, Tooltip } from 'antd';
const App: React.FC = () => {
const [disabled, setDisabled] = useState(true);
return (
<Tooltip title={disabled ? null : 'prompt text'}>
<Button onClick={() => setDisabled(!disabled)}>{disabled ? 'Enable' : 'Disable'}</Button>
</Tooltip>
);
};
export default App;