Svelte-mac-os-frame NPM

package size npm version

svelte-mac-os-frame

A mac os window frame svelte component.

npm.io

Installation

npm install svelte-mac-os-frame

Example

Live example here.

Customized example:

<script>
	// Example of svelte-mac-os-frame component.
	// After 'npm install svelte-mac-os-frame' you can use it :
	import MacOsFrame from 'svelte-mac-os-frame';

	const title = 'svelte_logo.jpg';

	const option = {
		headerStyle: { background: "#1C1D21", color: "whitesmoke" },
		bodyStyle: {},
		titleStyle: { color: 'whitesmoke', textShadow: 'unset' },
		title
	}
</script>

<MacOsFrame {...options}>
	<img src="https://svelte.dev/svelte-logo-horizontal.svg" alt={title}>
</MacOsFrame>

npm.io