8000 docs: update documentation · athulchandroth/coreui-react@91ced09 · GitHub
[go: up one dir, main page]
Skip to content

Commit 91ced09

Browse files
mrholekmrholek
committed
docs: update documentation
1 parent 84ad8f3 commit 91ced09

File tree

1 file changed

+10
-10
lines changed
  • packages/docs/content/4.1/components

1 file changed

+10
-10
lines changed

‎packages/docs/content/4.1/components/toast.mdx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi
3636

3737
<Example>
3838
<CToast title="CoreUI for React.js" animation={false} autohide={false} visible={true}>
39-
<CToastHeader close>
39+
<CToastHeader closeButton>
4040
<svg
4141
className="rounded me-2"
4242
width="20"
@@ -57,7 +57,7 @@ Toasts are as flexible as you need and have very little required markup. At a mi
5757

5858
```jsx
5959
<CToast title="CoreUI for React.js" autohide={false} visible={true}>
60-
<CToastHeader close>
60+
<CToastHeader closeButton>
6161
<svg
6262
className="rounded me-2"
6363
width="20"
@@ -81,7 +81,7 @@ export const BasicExample = () => {
8181
const toaster = useRef()
8282
const exampleToast = (
8383
<CToast title="CoreUI for React.js">
84-
<CToastHeader close>
84+
<CToastHeader closeButton>
8585
<svg
8686
className="rounded me-2"
8787
width="20"
@@ -116,7 +116,7 @@ const [toast, addToast] = useState(0)
116116
const toaster = useRef()
117117
const exampleToast = (
118118
<CToast title="CoreUI for React.js">
119-
<CToastHeader close>
119+
<CToastHeader closeButton>
120120
<svg
121121
className="rounded me-2"
122122
width="20"
@@ -148,7 +148,7 @@ Toasts are slightly translucent to blend in with what's below them.
148148

149149
<Example className="bg-dark border-0">
150150
<CToast title="CoreUI for React.js" autohide={false} visible={true}>
151-
<CToastHeader close>
151+
<CToastHeader closeButton>
152152
<svg
153153
className="rounded me-2"
154154
width="20"
@@ -169,7 +169,7 @@ Toasts are slightly translucent to blend in with what's below them.
169169

170170
```jsx
171171
<CToast title="CoreUI for React.js" autohide={false} visible={true}>
172-
<CToastHeader close>
172+
<CToastHeader closeButton>
173173
<svg
174174
className="rounded me-2"
175175
width="20"
@@ -195,7 +195,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
195195
<Example>
196196
<CToaster>
197197
<CToast title="CoreUI for React.js" autohide={false} visible={true}>
198-
<CToastHeader close>
198+
<CToastHeader closeButton>
199199
<svg
200200
className="rounded me-2"
201201
width="20"
@@ -213,7 +213,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
213213
<CToastBody>Hello, world! This is a toast message.</CToastBody>
214214
</CToast>
215215
<CToast title="CoreUI for React.js" autohide={false} visible={true}>
216-
<CToastHeader close>
216+
<CToastHeader closeButton>
217217
<svg
218218
className="rounded me-2"
219219
width="20"
@@ -236,7 +236,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
236236
```jsx
237237
<CToaster>
238238
<CToast title="CoreUI for React.js" autohide={false} visible={true}>
239-
<CToastHeader close>
239+
<CToastHeader closeButton>
240240
<svg
241241
className="rounded me-2"
242242
width="20"
@@ -254,7 +254,7 @@ You can stack toasts by wrapping them in a toast container, which will verticall
254254
<CToastBody>Hello, world! This is a toast message.</CToastBody>
255255
</CToast>
256256
<CToast title="CoreUI for React.js" autohide={false} visible={true}>
257-
<CToastHeader close>
257+
<CToastHeader closeButton>
258258
<svg
259259
className="rounded me-2"
260260
width="20"

0 commit comments

Comments
 (0)
0