Style of controls

[Steellgold]

Hey !

I would like to know if it is normal that it is not the same style of boxes in my local story and the demo version on the site

Local:

Histoire (Link):

My code:

<script lang="ts">
  import Alert from "./alert.svelte";
  export let Hst: any;

  let type: "error" | "success" | "warning" | "info" = "info";
  let message: string = "This is a " + type + " alert";
</script>

<Hst.Story title="Alert">
  <svelte:fragment slot="controls">
    Message: <input type="text" bind:value={message}>
    <br>
    Type: <select bind:value={type}>
      <option value="error">Error</option>
      <option value="success">Success</option>
      <option value="warning">Warning</option>
      <option value="info">Info</option>
    </select>
  </svelte:fragment>

  <Alert type={type} message={message} />
</Hst.Story>

[Akryum]

You are using HTML controls so it's up to you to style them. If you want, you can also use the builtin controls like in the examples. The list of the controls is here.