Skip to content

Commit 703a0c4

Browse files
authored
Merge pull request #1843 from IgniteUI/sivanova/badge-dot
feat(badge): add dot type info
2 parents 57fcaf9 + 850c171 commit 703a0c4

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

doc/en/components/inputs/badge.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,24 @@ The badge component supports `rounded`(default) and `square` shapes. These value
140140
`sample="/inputs/badge/shape", height="60", alt="{Platform} Badge Example"`
141141

142142

143+
### Dot
144+
145+
The {ProductName} badge component can also render as a minimal dot indicator for notifications by setting its `dot` attribute. Dot badges do not support content, but they can be outlined and can use any of the available dot types (e.g., primary, success, info, etc.).
146+
147+
```tsx
148+
<IgrBadge dot={true} ></IgrBadge>
149+
```
150+
151+
```html
152+
<igc-badge dot></igc-badge>
153+
```
154+
155+
```razor
156+
<IgbBadge Dot="true" />
157+
```
158+
159+
`sample="/inputs/badge/dot", height="60", alt="{Platform} Badge Example"`
160+
143161

144162
## Styling
145163

0 commit comments

Comments
 (0)