bnk-components/dist/examples/ImageViewerExample.js

Reusable React components for Issaglam UI - Modern, responsive UI components with TypeScript support

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const ImageViewerExample = () => {
    return (_jsxs("div", { className: "example-page", children: [_jsxs("div", { className: "example-header", children: [_jsx("h1", { children: "Image Viewer Bile\u015Feni" }), _jsx("p", { children: "Resim g\u00F6r\u00FCnt\u00FCleme bile\u015Feni \u00F6rnekleri" })] }), _jsxs("div", { className: "example-section", children: [_jsx("h2", { children: "Temel Kullan\u0131m" }), _jsx("p", { children: "ImageViewer bile\u015Feni, resim g\u00F6r\u00FCnt\u00FCleme ve galeri i\u015Flemleri i\u00E7in kullan\u0131l\u0131r." }), _jsx("div", { className: "code-block", children: `import { ImageViewer } from 'bnk-components';

<ImageViewer
  src="https://example.com/image.jpg"
  alt="Örnek resim"
  width={400}
  height={300}
/>` }), _jsx("div", { style: { marginTop: '2rem', padding: '2rem', background: '#f8f9fa', borderRadius: '8px' }, children: _jsxs("p", { children: [_jsx("strong", { children: "Not:" }), " ImageViewer bile\u015Feni \u00F6rne\u011Fi burada g\u00F6sterilecek."] }) })] })] }));
};
export default ImageViewerExample;