corner-dialog

v4.15.0

STATUS

Passing

DOWNLOADS

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

5 years 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.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

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';

modifieddraft

Properties

Name	Type	Default value	Description
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	`bool`	`true`	When true, the footer with the cancel and confirm button is shown.
onConfirm	`function`	`close => 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	`bool`	`true`	When true, the cancel button is shown.
hasClose	`bool`	`true`	When true, the close button is shown.
onCancel	`function`	`close => 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 \| number`	`392`	Width of the Dialog.
containerProps	`object`		Props that are passed to the dialog container.