@bitrise/bitkit 9.39.1 → 9.40.0-alpha-chakra.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "9.39.1",
+  "version": "9.40.0-alpha-chakra.1",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/Image/Image.stories.tsx

@@ -0,0 +1,15 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import Image from './Image';
+
+export default {
+  title: 'Components/Image',
+  component: Image,
+} as ComponentMeta<typeof Image>;
+
+const Template: ComponentStory<typeof Image> = (props) => <Image {...props} />;
+
+export const WithProps = Template.bind({});
+WithProps.args = {
+  alt: 'Bitrise office',
+  src: 'bitrise_office.jpg',
+};

package/src/Components/Image/Image.tsx

@@ -0,0 +1,12 @@
+import { Image as ChakraImage, ImageProps, forwardRef } from '@chakra-ui/react';
+
+/**
+ * The Image component is used to display images with support for fallback. (Default callback not implemented yet)
+ */
+const Image = forwardRef<ImageProps, 'img'>((props, ref) => {
+  return <ChakraImage {...props} ref={ref} />;
+});
+
+export type { ImageProps };
+
+export default Image;