11import { Button , Flex } from '@patternfly/react-core' ;
22import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon' ;
3- import PlusCircleIcon from '@patternfly/react-icons/dist/esm/icons/plus- circle-icon' ;
3+ import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add- circle-fill -icon' ;
44import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon' ;
55import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon' ;
66import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon' ;
@@ -22,17 +22,32 @@ export const ButtonCircle: React.FunctionComponent = () => {
2222
2323 return (
2424 < Flex columnGap = { { default : 'columnGapSm' } } >
25- < Button isCircle icon = { < PlusCircleIcon /> } aria-label = "Add primary circle variant example" />
25+ < Button isCircle icon = { < RhUiAddCircleFillIcon /> } aria-label = "Add primary circle variant example" />
2626 < Button
2727 variant = "secondary"
2828 isCircle
29- icon = { < PlusCircleIcon /> }
29+ icon = { < RhUiAddCircleFillIcon /> }
3030 aria-label = "Add secondary circle variant example"
3131 />
32- < Button variant = "tertiary" isCircle icon = { < PlusCircleIcon /> } aria-label = "Add tertiary circle variant example" />
33- < Button variant = "danger" isCircle icon = { < PlusCircleIcon /> } aria-label = "Add danger circle variant example" />
34- < Button variant = "warning" isCircle icon = { < PlusCircleIcon /> } aria-label = "Add warning circle variant example" />
35- < Button variant = "link" isCircle icon = { < PlusCircleIcon /> } aria-label = "Add link circle variant example" />
32+ < Button
33+ variant = "tertiary"
34+ isCircle
35+ icon = { < RhUiAddCircleFillIcon /> }
36+ aria-label = "Add tertiary circle variant example"
37+ />
38+ < Button
39+ variant = "danger"
40+ isCircle
41+ icon = { < RhUiAddCircleFillIcon /> }
42+ aria-label = "Add danger circle variant example"
43+ />
44+ < Button
45+ variant = "warning"
46+ isCircle
47+ icon = { < RhUiAddCircleFillIcon /> }
48+ aria-label = "Add warning circle variant example"
49+ />
50+ < Button variant = "link" isCircle icon = { < RhUiAddCircleFillIcon /> } aria-label = "Add link circle variant example" />
3651 < Button variant = "control" isCircle icon = { < CopyIcon /> } aria-label = "Copy control circle variant example" />
3752 < Button variant = "plain" isCircle icon = { < RhMicronsCloseIcon /> } aria-label = "Remove plain circle variant example" />
3853 < Button
0 commit comments