# svelma-pro
传递信息的消息块

# Message

## 传递信息的消息块

Codesandbox

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id fermentum quam. Proin sagittis, nibh id hendrerit imperdiet, elit sapien laoreet elit

    <script>
      import { Button, Message } from 'svelma-pro'

      let open
    </script>

    <Button class="block" on:click={() => open = !open}>Toggle</Button>
    <Message active={!open} title="Default"
      on:close={active => open = active}>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Fusce id fermentum quam. Proin sagittis, nibh id
      hendrerit imperdiet, elit sapien laoreet elit
    </Message>