Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update callout docs #253

Merged
merged 3 commits into from
Feb 27, 2023
Merged

Update callout docs #253

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
89d9ca5
Update callout docs
BSFishy Jan 24, 2023
857e89f
Merge branch 'main' into docs/callout
ananzh Feb 16, 2023
004960d
Merge branch 'main' into docs/callout
seanneumann Feb 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src-docs/src/views/call_out/danger.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import React from 'react';
import { OuiCallOut, OuiLink } from '../../../../src/components';

export default () => (
<OuiCallOut title="Sorry, there was an error" color="danger" iconType="alert">
<OuiCallOut title="There was an error" color="danger" iconType="alert">
<p>
Now you have to fix it, but maybe{' '}
<OuiLink href="#">this link can help</OuiLink>.
Expand Down
9 changes: 6 additions & 3 deletions src-docs/src/views/call_out/info.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,16 +24,19 @@ export default () => (
narrow, it will wrap, too.
</p>
<p>
And some other stuff on another line, just for kicks. And{' '}
<OuiLink href="#">here&rsquo;s a link</OuiLink>.
When possible, its recommended to include links to product{' '}
<OuiLink href="https://opensearch.org/docs/latest/">
documentation
</OuiLink>
.
</p>
</OuiCallOut>

<OuiSpacer size="m" />

<OuiCallOut
title="Callouts can exist as just a title. Simply omit the child content."
iconType="lensApp"
iconType="visVisualBuilder"
/>

<OuiSpacer size="m" />
Expand Down
9 changes: 3 additions & 6 deletions src-docs/src/views/call_out/success.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,10 @@

import React from 'react';

import { OuiCallOut, OuiLink } from '../../../../src/components';
import { OuiCallOut } from '../../../../src/components';

export default () => (
<OuiCallOut title="Good news, everyone!" color="success" iconType="user">
<p>
I have no news. Which is good! And{' '}
<OuiLink href="#">here&rsquo;s a link</OuiLink>.
</p>
<OuiCallOut title="Success" color="success" iconType="user">
<p>A system status message that reflects success.</p>
</OuiCallOut>
);
8 changes: 6 additions & 2 deletions src-docs/src/views/call_out/warning.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,12 @@ import { OuiCallOut, OuiLink, OuiButton } from '../../../../src/components';
export default () => (
<OuiCallOut title="Proceed with caution!" color="warning" iconType="help">
<p>
Here be dragons. Don&rsquo;t wanna mess with no dragons. And{' '}
<OuiLink href="#">here&rsquo;s a link</OuiLink>.
This feature is experimental, and should not be run in production. For
more information on this feature, visit{' '}
<OuiLink href="https://opensearch.org/docs/latest/">
documentation
</OuiLink>
.
</p>
<OuiButton href="#" color="warning">
Link button
Expand Down