github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-12-22 21:12:04 +00:00
Code Issues Projects Releases Packages Wiki Activity

enhancement(icon): add title attribute for icons

Browse source 
Signed-off-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Erik Michelson 2023-07-02 17:21:59 +02:00
parent 9030bbd454
commit 74b92f2bbb
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/components/common/icons/ui-icon.tsx
View file

@ -14,9 +14,19 @@ export interface UiIconProps {
size?: number | string
className?: string
spin?: boolean
title?: string
}
export const UiIcon: React.FC<UiIconProps> = ({ icon, nbsp, className, size, spin }) => {
/**
* Renders an icon from react-bootstrap-icons.
* @param icon The icon to render
* @param nbsp True to render a non-breaking space after the icon
* @param className Additional CSS classes to apply to the icon
* @param size The size of the icon in em or as a valid width/height CSS value
* @param spin True to spin the icon
* @param title The title of the icon
*/
export const UiIcon: React.FC<UiIconProps> = ({ icon, nbsp, className, size, spin, title }) => {
const finalSize = useMemo(() => {
if (size === undefined) {
return '1em'
@ -35,7 +45,8 @@ export const UiIcon: React.FC<UiIconProps> = ({ icon, nbsp, className, size, spi
{React.createElement(icon, {
className: finalClassName,
width: finalSize,
height: finalSize
height: finalSize,
title
})}
{nbsp ? <Fragment>&nbsp;</Fragment> : null}
</Fragment>