No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

MDBSvelte

Svelte Bootstrap with material design. This project is inspired by mdbreact All the components(as well as documentation) will be similar to mdbreact. This package does not contains CSS so you will need to import it manually.

Installation

npm

npm i mdbsvelte

yarn

yarn add mdbsvelte

unpkg

<script href="https://unpkg.com/mdbsvelte@latest/dist/mdbsvelte.js"></script>

Add the css to your html layout(index.html)


  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
    <!-- Google Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
    <!-- Bootstrap core CSS -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
    <!-- Material Design Bootstrap -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.16.0/css/mdb.min.css" rel="stylesheet">
  

Usage

<script>
  import {MDBBtn} from 'mdbsvelte';
</script>
<MDBBtn>
  Button
</MDBBtn>

For server side rendering(Sapper)

<script>
  import MDBBtn from 'mdbsvelte/src/MDBtn.svelte';
</script>
<MDBBtn>
  Button
</MDBBtn>