diff --git a/packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessage.md b/packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessage.md index a7fe449..6e1cd80 100644 --- a/packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessage.md +++ b/packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessage.md @@ -13,11 +13,20 @@ propComponents: ['EmptyStateErrorMessage'] --- import { EmptyStateErrorMessage } from "@patternfly/ai-infra-ui-components"; +import { DrumstickBiteIcon } from '@patternfly/react-icons'; Note: this component documents the API and enhances the [existing EmptyStateErrorMessage](https://github.com/opendatahub-io/odh-dashboard/blob/main/frontend/src/components/EmptyStateErrorMessage.tsx) component from odh-dashboard. It can be imported from [@patternfly/ai-infra-ui-components](https://www.npmjs.com/package/@patternfly/AI-infra-ui-components). Alternatively, it can be used within the odh-dashboard via the import: `~/components/EmptyStateErrorMessage` -### Example +### Basic ```js file="./EmptyStateErrorMessageBasic.tsx" ``` + +### Customization + +All properties of PatternFly's [empty state component](https://www.patternfly.org/components/empty-state) are spread to the error state component group. + +```js file="./EmptyStateErrorMessageCustomized.tsx" + +``` diff --git a/packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessageCustomized.tsx b/packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessageCustomized.tsx new file mode 100644 index 0000000..e075250 --- /dev/null +++ b/packages/module/patternfly-docs/content/examples/EmptyStateErrorMessage/EmptyStateErrorMessageCustomized.tsx @@ -0,0 +1,13 @@ +import * as React from 'react'; +import { EmptyStateErrorMessage } from "@patternfly/ai-infra-ui-components"; +import { DrumstickBiteIcon } from '@patternfly/react-icons'; + +export const EmptyStateErrorMessageBasic: React.FunctionComponent = () => ( + +); \ No newline at end of file