Skip to content

Commit 96b56dc

Browse files
committed
fix(CBadge): fix wrong prop values
1 parent 38185f2 commit 96b56dc

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

docs/4.0/api/CBadge.api.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
| **className** | A string of all className you want applied to the component. | `string` | - |
44
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `{'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string}` | - |
55
| **component** | Component used for the root node. Either a string to use a HTML element or a component. | `string | ComponentClass<any, any> | FunctionComponent<any>` | 'span' |
6-
| **position** | Position badge in one of the corners of a link or button. | `'top-start' | 'top-end' | 'bottom-end' | 'botttom-start'` | - |
6+
| **position** | Position badge in one of the corners of a link or button. | `'top-start' | 'top-end' | 'bottom-end' | 'bottom-start'` | - |
77
| **shape** | Select the shape of the component. | `'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string` | - |
88
| **size** | Size the component small. | `'sm'` | - |
99
| **textColor** | Sets the text color of the component to one of CoreUI’s themed colors. | `'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string` | - |

src/components/badge/CBadge.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,9 +31,9 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
3131
/**
3232
* Position badge in one of the corners of a link or button.
3333
*
34-
* @type 'top-start' | 'top-end' | 'bottom-end' | 'botttom-start'
34+
* @type 'top-start' | 'top-end' | 'bottom-end' | 'bottom-start'
3535
*/
36-
position?: 'top-start' | 'top-end' | 'bottom-end' | 'botttom-start'
36+
position?: 'top-start' | 'top-end' | 'bottom-end' | 'bottom-start'
3737
/**
3838
* Select the shape of the component. [docs]
3939
*
@@ -97,7 +97,7 @@ CBadge.propTypes = {
9797
className: PropTypes.string,
9898
color: colorPropType,
9999
component: PropTypes.string,
100-
position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'botttom-start']),
100+
position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
101101
shape: shapePropType,
102102
size: PropTypes.oneOf(['sm']),
103103
textColor: textColorsPropType,

0 commit comments

Comments
 (0)