unimore/pds-2021-g2-nest
unimore/pds-2021-g2-nest
1
Fork 0
mirror of https://github.com/pds-nest/nest.git synced 2024-11-25 14:34:19 +00:00
Code Activity

📔 Document Badge

Browse source
This commit is contained in:
Steffo 2021-05-18 16:28:51 +02:00
parent bae0d9b5a5
commit 7903b5517a
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
nest_frontend/components/base/Badge.js
View file

@ -5,6 +5,18 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import ButtonSmallX from "./ButtonSmallX"
/**
* A small colored badge.
*
* @param icon - The icon that the badge should have on the left.
* @param color - The color that the badge should have.
* @param onClickDelete - The action to perform when the X button is clicked. If undefined, the X button won't be shown.
* @param children - The text of the badge.
* @param className - Additional class(es) to append to the badge.
* @param props - Additional props to pass to the badge.
* @returns {JSX.Element}
* @constructor
*/
export default function Badge({ icon, color, onClickDelete, children, className, ...props }) {
return (
<div className={classNames(Style.Badge, Style[`Badge${color}`], className)} {...props}>

2
nest_frontend/components/interactive/BadgeCondition.js
View file

@ -23,7 +23,7 @@ const CONDITION_ICONS = {
/**
* A small colored badge representing a Condition for a filter.
* A {@link Badge} representing a Condition for a filter.
*
* @param condition - The Condition that this badge represents.
* @returns {JSX.Element}