-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'feature/update-eui-styles' of https://github.com/prysme…
…x/ember-eui into feature/update-eui-styles
- Loading branch information
Showing
5 changed files
with
140 additions
and
158 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,52 @@ | ||
--- | ||
order: 3 | ||
--- | ||
|
||
# IconTip | ||
|
||
<EuiText> | ||
<p> | ||
You can use <strong>EuiIconTip</strong> to explain options, other controls, or entire parts of the user interface. When possible, surface explanations inline within the UI, and only hide them behind a <strong>EuiIconTip</strong> as a last resort. | ||
|
||
It accepts all the same props as <strong>EuiToolTip</strong>. For convenience, you can also specify optional icon <EuiCode>size</EuiCode>, <EuiCode>type</EuiCode>, and <EuiCode>color</EuiCode> props. | ||
|
||
</p> | ||
</EuiText> | ||
|
||
```hbs template | ||
<EuiPanel @hasShadow={{false}}> | ||
<EuiFlexGroup @alignItems='center' @gutterSize='s' @responsive={{false}}> | ||
<EuiFlexItem @grow={{false}}> | ||
<EuiIconTip | ||
@content='Source maps allow browser dev tools to map minified code to the original source code' | ||
@position='right' | ||
/> | ||
</EuiFlexItem> | ||
</EuiFlexGroup> | ||
<EuiSpacer /> | ||
<EuiIconTip | ||
@ariaLabel='Warning' | ||
@size='xl' | ||
@type='alert' | ||
@color='warning' | ||
@content='I do not think it means what you think it means' | ||
/> | ||
<EuiSpacer /> | ||
<EuiText> | ||
<p> | ||
Pass a position utility class via iconProps to shift for better alignment. | ||
<EuiIconTip | ||
@type='iInCircle' | ||
@color='subdued' | ||
@iconProps={{hash className='eui-alignTop'}} | ||
> | ||
<:content> | ||
<span> | ||
This was passed .eui-alignTop | ||
</span> | ||
</:content> | ||
</EuiIconTip> | ||
</p> | ||
</EuiText> | ||
</EuiPanel> | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters