Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { CodeEditor, CodeEditorControl, Language } from '@patternfly/react-code-
import { convertToJSX } from '@patternfly/ast-helpers';
import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
import CodepenIcon from '@patternfly/react-icons/dist/esm/icons/codepen-icon';
import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
import RhUiCopyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-icon';
import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
import ReplyAllIcon from '@patternfly/react-icons/dist/esm/icons/reply-all-icon';
Expand Down Expand Up @@ -107,7 +107,7 @@ export const ExampleToolbar = ({
aria-label={copyAriaLabel}
className={editorControlProps.className}
>
<CopyIcon />
<RhUiCopyIcon />
</Button>
</Tooltip>
{codeBoxParams &&
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ For the PatternFly React library:
```noLive
<Tooltip content="Copy to clipboard" aria="labelledby">
<button>
<CopyIcon />
<RhUiCopyIcon />
</button>
</Tooltip>
```
Expand All @@ -34,7 +34,7 @@ For the HTML/CSS library:
</div>
</div>
<button aria-labelledby="tooltip-label-content">
<CopyIcon />
<RhUiCopyIcon />
</button>
```
- Pass in the `aria-describedby` attribute to the trigger when the tooltip should act as supplementary information:
Expand Down Expand Up @@ -111,7 +111,7 @@ const onClick = () => {

<Tooltip aria-live="polite" content={tooltipContent}>
<button onClick={onClick}>
<CopyIcon />
<RhUiCopyIcon />
</button>
</Tooltip>
```
Expand All @@ -123,7 +123,7 @@ When passing in `aria="none"` in the following code block, the `id` is passed in
```noLive
<Tooltip id="tooltip-without-aria" aria="none" content="Copy to clipboard">
<button aria-labelledby="tooltip-without-aria">
<CopyIcon />
<RhUiCopyIcon />
</button>
</Tooltip>
```
Expand All @@ -137,7 +137,7 @@ const tooltipRef = React.useRef();

<Tooltip id="tooltip-with-reference" content="Copy to clipboard" reference={tooltipRef} />
<button ref={tooltipRef} aria-labelledby="tooltip-with-reference">
<CopyIcon />
<RhUiCopyIcon />
</button>
```

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle
import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
import AngleUpIcon from '@patternfly/react-icons/dist/esm/icons/angle-up-icon';
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
import RhUiCopyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-icon';
import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon';
import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
import PencilAltIcon from '@patternfly/react-icons/dist/esm/icons/pencil-alt-icon';
Expand Down Expand Up @@ -61,7 +61,7 @@ When using trademarks:
| **Close** <br /> (verb) | Use to describe shutting an open window (like a message dialog). | <TimesIcon /> <br /> (fa-times) <br/><br/> <TimesCircleIcon /> <br /> (fa-times-circle) | *Open* | **Do not use** interchangeably with *Cancel* or *Quit*. |
| **Collapse** <br /> (verb) | Use to describe minimizing a container element (like a list or message) so that it's partially visible. | <AngleDownIcon /> <br /> (fa-angle-down) <br/><br/> <AngleUpIcon /> <br /> (fa-angle-up) | *Expand* |
| **Continue** <br /> (verb) | Use to describe proceeding with an action or process that is in progress. | | |
| **Copy** <br /> (verb) | Use to describe the action of creating a reproduction of an object (like a file or text). This may be used in reference to the keyboard action (Ctrl/cmd + c). | <CopyIcon /> <br /> (fa-copy) | | **Do not use** interchangeably with *Duplicate*.
| **Copy** <br /> (verb) | Use to describe the action of creating a reproduction of an object (like a file or text). This may be used in reference to the keyboard action (Ctrl/cmd + c). | <RhUiCopyIcon /> <br /> (fa-copy) | | **Do not use** interchangeably with *Duplicate*.
| **Create** <br /> (verb) | Use to describe creating something new. | <AddCircleOIcon /> <br /> (pficon-add-circle-o) | *Delete* | If the object being created is not readily apparent from the context, consider adding a noun (like "Create user"). *New* or *Add* are not recommended for this use case. See *Add* for usage guidelines.
| **Delete** <br /> (verb) | Use to describe completely removing an object. Delete is a destructive action. | <TrashIcon /> <br /> (fa-trash) | *Create* | *Erase* and *Remove* are not recommended for this use case. See *Remove* for usage guidelines.
| **Deselect** <br /> (verb) | Use to prompt the user to deselect an item from a list, group, view, or other container element. | | *Select* |
Expand Down
Loading