Zum Hauptinhalt springen

Browser Window

import BrowserWindow from '@tdev-components/BrowserWindow';

<BrowserWindow>
    Inhalte...
</BrowserWindow>
http://localhost:3000

Inhalte...

Optionen​

url​

<BrowserWindow url="https://example.com">
    Auf der Seite [example.com](https://example.com) findet man...
</BrowserWindow>
https://example.com

Auf der Seite 👉 example.com findet man...

href​

Die Adresse wird als Link dargestellt.

<BrowserWindow href="https://example.com">
    Auf der Seite example.com findet man...
</BrowserWindow>
<BrowserWindow href="https://example.com" url="👉 https://example.com">
    Inhalte...
</BrowserWindow>
https://example.com

Auf der Seite example.com findet man...

👉 https://example.com

Inhalte...

minHeight und maxHeight​

<BrowserWindow minHeight={200} maxHeight={400}>
    Inhalte...
</BrowserWindow>
<BrowserWindow maxHeight={200}>
    <div style={{ height: '800px', width: '70%', border: '2px solid red', borderRadius: '5px', padding: '10px' }}>
        Vieeele Inhalte...
    </div>
</BrowserWindow>
http://localhost:3000

Inhalte...

http://localhost:3000

Vieeele Inhalte...

Weitere Attribute​

style
CSS-Stil für das gesamte Browser-Fenster
bodyStyle
CSS-Stil für den Inhaltsbereich
className
Zusätzliche CSS-Klasse für das gesamte Browser-Fenster
CC 4.0