ConfirmDialog.js
2 months ago
LabelWithTooltip.js
2 months ago
ProGate.js
2 months ago
SectionCard.js
2 months ago
SettingsDataProvider.js
2 months ago
SettingsPageShell.js
2 months ago
UnsavedChangesDialog.js
2 months ago
navigationGuard.js
2 months ago
LabelWithTooltip.js
18 lines
| 1 | import { Container, Label, Tooltip } from '@bsf/force-ui'; |
| 2 | import { Info } from 'lucide-react'; |
| 3 | |
| 4 | const LabelWithTooltip = ( { label, tooltip, size = 'sm', htmlFor } ) => ( |
| 5 | <Container direction="row" align="center" className="gap-1.5"> |
| 6 | <Label size={ size } htmlFor={ htmlFor }> |
| 7 | { label } |
| 8 | </Label> |
| 9 | { tooltip && ( |
| 10 | <Tooltip content={ tooltip } arrow placement="right"> |
| 11 | <Info className="size-3.5 text-icon-secondary cursor-help shrink-0" /> |
| 12 | </Tooltip> |
| 13 | ) } |
| 14 | </Container> |
| 15 | ); |
| 16 | |
| 17 | export default LabelWithTooltip; |
| 18 |