import {colors} from './colors.js'

import {editable} from "./editable.js"

</script>

<div use:editable={{colors}}>

<h1>

Svelte Text Editor Usage

</h1>

Click 🖱️ on me to <i>edit this</i> <b>text</b> by <a href='https://twitter.com/DougAnderson444' target='_blank'>@DougAnderson444</a>

<input type="text" style:width="20em" placeholder='Clicking an input does not affect editing'>

</div>

<style>

input {

margin-top: 2em;

}

</style>