Dialog
- Container
- Content Container
- Buttons Container
- Scrim
Specs
Details
Container
| Token | Value |
|---|---|
| ds.comp.dialog.containerShape | ds.sys.shape.corner.large |
| ds.comp.dialog.containerColor | ds.sys.color.surfaceContainer |
Details
Content Container
| Token | Value |
|---|---|
| ds.comp.dialog.contentContainerPaddingHorizontal | 24dp |
| ds.comp.dialog.contentContainerPaddingVertical | 24dp |
Details
Buttons Container
| Token | Value |
|---|---|
| ds.comp.dialog.buttonsContainerPaddingHorizontal | 24dp |
| ds.comp.dialog.buttonsContainerPaddingVertical | 16dp |
| ds.comp.dialog.buttonsContainerGap | 8dp |
Details
Scrim
| Token | Value |
|---|---|
| ds.comp.dialog.scrimColor | ds.sys.color.scrim |
| ds.comp.dialog.scrimOpacity | 0.4 |
React Native
<Dialog>
<Dialog.Content>
// some content...
</Dialog.Content>
<Dialog.Button>
<TextButton title="Continuar" />
<TextButton title="Cancelar" />
</Dialog.Button>
</Dialog>
Props
| Prop | Type |
|---|---|
| closeOnScrimPress (optional) | boolean |
| onClose (optional) | () => void |