Merge pull request #50 from perimetre/feature/checkbox-radio-richtext

feature: Added support to richtext for checkbox and radio inputs
perimetre · Oct 20, 2021 · 64e0543 · 64e0543
2 parents 1bfbc9f + 773ec35
commit 64e0543
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [3.1.4] 2021-10-20
+
+### Added
+
+- Added rich-text support for inputs of type Radio and Checkbox
+
 ## [3.1.3] 2021-08-04
 
 ### Changes

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"

diff --git a/src/components/CheckboxRadioInput/index.tsx b/src/components/CheckboxRadioInput/index.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import classnames from 'classnames';
+import { HTMLParsedContent } from '../HTMLParsedContent';
 
 const sizeClassnameMap = {
   small: 'pui-check-radio-small',
@@ -98,7 +99,9 @@ export const CheckboxRadioInput: React.FC<CheckboxRadioInputProps> = ({
     <div>
       <label className={`${type === 'checkbox' ? 'pui-checkbox-label' : 'pui-radio-label'}`}>
         {input}
-        <span>{label}</span>
+        <span>
+          <HTMLParsedContent content={label} className="max-w-none" />
+        </span>
       </label>
       {bottom}
     </div>