Sha256: 3298bf4407668ea86f3881f2253afbae2f33f2a833a8a66b4ba8486dd128313b
Contents?: true
Size: 1.4 KB
Versions: 6
Compression:
Stored size: 1.4 KB
Contents
import React from "react"
import FontAwesome from "react-fontawesome"
import Text from '../Text/Text'
/**
* Icon renders a FontAwesome icon followed by a label.
*
* @param {string} name FontAwesome icon's name. For the icon 'fa-paperclip' for
* example, its name would be 'paperclip'.
* @param {string} label the text to use as a label.
* @param {string} size an optional FontAwesome icon size ('lg', '2x', '3x', etc).
* @param {func} onClick the function to be called when the React onClick event is triggered.
* @param {string} className class name is an option on the FontAwesome package that adds a class to the FontAwesome span.
* @param {string} title an optional title as a tooltip on mouse hover.
* @returns {ReactElement} JSX.
*/
export default class Icon extends React.Component<Props> {
static defaultProps = {
label: "",
spin: false,
}
props: IconType
render() {
const {
name,
label,
size,
spin,
onClick,
className,
title
} = this.props
return (
<span
className="icon"
onClick={onClick}
title={title}
>
<FontAwesome
className={`far ${className}`}
name={name}
size={size}
spin={spin}
/>
<If condition={label}>
<span className="ml-2" >
{label}
</span>
</If>
</span>
)
}
}
Version data entries
6 entries across 6 versions & 2 rubygems