Skip to content

Commit 2fb261e

Browse files
committed
Update code snippets
1 parent 3d35e8b commit 2fb261e

File tree

2 files changed

+22
-14
lines changed

2 files changed

+22
-14
lines changed

demo/code-snippets/SLDSModal.txt

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,7 @@ Default Props Prop Values
44
* directional=false [true, false] If true, aligns buttons left and right in Footer
55
* tagline='' Optional tagline underneath Header title
66

7-
<SLDSButton
8-
label='Open Modal'
9-
variant='brand'
10-
onClick={this.openModal}
11-
/>
12-
7+
<SLDSButton label='Open Modal' variant='brand' onClick={this.openModal} />
138
<SLDSModal
149
directional={true}
1510
isOpen={this.state.modalIsOpen}
@@ -20,6 +15,17 @@ Default Props Prop Values
2015
<SLDSButton key='nextBtn' label='Next' variant='brand' onClick={this.handleSubmitModal} />
2116
]}
2217
onRequestClose={this.closeModal}
23-
>
18+
>
2419
{this.getModalContent()}
2520
</SLDSModal>
21+
22+
<SLDSButton label='Open Prompt' variant='neutral' onClick={this.togglePrompt} />
23+
<SLDSModal
24+
prompt='error'
25+
size='medium'
26+
isOpen={this.state.promptIsOpen}
27+
title={<span>Service Unavailable</span>}
28+
footer={[ <SLDSButton label='Got it' variant='neutral' onClick={this.togglePrompt} /> ]}
29+
>
30+
Sit nulla est ex deserunt exercitation anim occaecat. Nostrud ullamco deserunt aute id consequat veniam incididunt duis in sint irure nisi.
31+
</SLDSModal>
Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,19 @@
1-
1+
Alerts
22
<SLDSNotification variant='alert' theme='success' icon='notification' texture={true} content={successMsg} onDismiss={this.dismissToast} />
33
<SLDSNotification variant='alert' theme='error' icon='warning' texture={true} content={errorMsg} onDismiss={this.dismissToast} />
4-
<SLDSNotification variant='toast' theme='success' icon='notification' content={successMsg} />
4+
<SLDSNotification variant='alert' icon='user' content={offlineMsg} dismissible={false} onDismiss={this.dismissToast} />
55

6+
Toasts
7+
<SLDSNotification variant='toast' theme='success' icon='notification' content={successMsg} onDismiss={this.dismissToast} />
68
<SLDSModal
79
isOpen={this.state.modalIsOpen}
8-
toast={<SLDSNotification variant='toast' theme='error' icon='warning' texture={true} content={errorMessage} />}
10+
toast={<SLDSNotification variant='toast' theme='error' icon='warning' content={errorMsg} onDismiss={this.dismissToast} />}
911
title={<span>Lightning Design System: Style with Ease</span>}
1012
footer={[
1113
<SLDSButton key='cancelBtn' label='Cancel' variant='neutral' onClick={this.closeModal} />,
1214
<SLDSButton key='saveBtn' label='Save' variant='brand' onClick={this.handleSubmitModal} />
13-
]}
14-
onRequestClose={this.closeModal}
15-
>
16-
{this.getModalContent()}
15+
]}
16+
onRequestClose={this.closeModal}
17+
>
18+
{this.getModalContent()}
1719
</SLDSModal>

0 commit comments

Comments
 (0)