refactor: update Popovers and Tooltips placements
This commit is contained in:
parent
d94858241b
commit
8828eccadb
@ -18,7 +18,7 @@ const Popovers = () => {
|
|||||||
<CPopover
|
<CPopover
|
||||||
title="Popover title"
|
title="Popover title"
|
||||||
content="And here’s some amazing content. It’s very engaging. Right?"
|
content="And here’s some amazing content. It’s very engaging. Right?"
|
||||||
placement="end"
|
placement="right"
|
||||||
>
|
>
|
||||||
<CButton color="danger" size="lg">
|
<CButton color="danger" size="lg">
|
||||||
Click to toggle popover
|
Click to toggle popover
|
||||||
@ -47,7 +47,7 @@ const Popovers = () => {
|
|||||||
</CPopover>
|
</CPopover>
|
||||||
<CPopover
|
<CPopover
|
||||||
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
||||||
placement="end"
|
placement="right"
|
||||||
>
|
>
|
||||||
<CButton color="secondary">Popover on right</CButton>
|
<CButton color="secondary">Popover on right</CButton>
|
||||||
</CPopover>
|
</CPopover>
|
||||||
@ -59,7 +59,7 @@ const Popovers = () => {
|
|||||||
</CPopover>
|
</CPopover>
|
||||||
<CPopover
|
<CPopover
|
||||||
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
||||||
placement="start"
|
placement="left"
|
||||||
>
|
>
|
||||||
<CButton color="secondary">Popover on left</CButton>
|
<CButton color="secondary">Popover on left</CButton>
|
||||||
</CPopover>
|
</CPopover>
|
||||||
|
@ -55,7 +55,7 @@ const Tooltips = () => {
|
|||||||
</CTooltip>
|
</CTooltip>
|
||||||
<CTooltip
|
<CTooltip
|
||||||
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
||||||
placement="end"
|
placement="right"
|
||||||
>
|
>
|
||||||
<CButton color="secondary">Tooltip on right</CButton>
|
<CButton color="secondary">Tooltip on right</CButton>
|
||||||
</CTooltip>
|
</CTooltip>
|
||||||
@ -67,7 +67,7 @@ const Tooltips = () => {
|
|||||||
</CTooltip>
|
</CTooltip>
|
||||||
<CTooltip
|
<CTooltip
|
||||||
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
|
||||||
placement="start"
|
placement="left"
|
||||||
>
|
>
|
||||||
<CButton color="secondary">Tooltip on left</CButton>
|
<CButton color="secondary">Tooltip on left</CButton>
|
||||||
</CTooltip>
|
</CTooltip>
|
||||||
|
Loading…
Reference in New Issue
Block a user