Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

corner-dialog

v4.15.0arrow_drop_down
v4.15.0
STATUS
Passing
DOWNLOADS
13
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
A year ago
SIZE
N/A
The CornerDialog component is used for announcements such as new features and feedback requests. Preferably the content of the CornerDialog should only contain one small paragraph.
1 contributor
Install corner-dialog as a package?
Copied
npm i @bit/segmentio.evergreen.corner-dialog
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right
Properties
NameTypeDefault valueDescription
children
(required)
node | function

Children can be a string, node or a function accepting ({ close }). When passing a string, is used to wrap the string.

intent
'none' | 'success' | 'warning' | 'danger''none'

The intent of the CornerDialog. Used for the button.

isShown
bool

When true, the dialog is shown.

title
node

Title of the Dialog. Titles should use Title Case.

onCloseComplete
function

Function that will be called when the exit transition is complete.

onOpenComplete
function

Function that will be called when the enter transition is complete.

hasFooter
booltrue

When true, the footer with the cancel and confirm button is shown.

onConfirm
functionclose => close()

Function that will be called when the confirm button is clicked. This does not close the Dialog. A close function will be passed as a paramater you can use to close the dialog.

onConfirm={(close) => close()}

confirmLabel
string'Learn More'

Label of the confirm button.

hasCancel
booltrue

When true, the cancel button is shown.

hasClose
booltrue

When true, the close button is shown.

onCancel
functionclose => close()

Function that will be called when the cancel button is clicked. This closes the Dialog by default.

onCancel={(close) => close()}

cancelLabel
string'Close'

Label of the cancel button.

width
string | number392

Width of the Dialog.

containerProps
object

Props that are passed to the dialog container.