Code Monkey home page Code Monkey logo

mdb-5-standard-snippets's Introduction

MDB 5 Standard Code Snippets

This extension adds snippets for MDB 5 Standard - Material Design for Bootstrap 5 UI KIT

Usage

Usage

Type part of snippet selector and press enter.

Alternatively, press Ctrl+Space (Windows, Linux) or Cmd+Space (Mac OS) to display snippets list.

Snippets list

You can find list of available snippets below:

Fundamentals

Snippet Description
s-mdb-html-starter MDB HTML starter
s-mdb-basic-layout MDB Basic layout

Layout

Snippet Description
s-mdb-grid-2col MDB Grid 2 columns
s-mdb-grid-3col MDB Grid 3 columns
s-mdb-grid-4col MDB Grid 4 columns
s-mdb-grid-centered MDB Grid centered column
s-mdb-section MDB Section

Content & styles

Snippet Description
s-mdb-hover-effects MDB Hover effects
s-mdb-icon MDB Icon
s-mdb-note MDB Note

Navigation

Snippet Description
s-mdb-footer MDB Footer
s-mdb-header-jumbotron MDB Header with jumbotron
s-mdb-header-image MDB Header with image
s-mdb-navbar MDB Navbar
s-mdb-pagination MDB Pagination
s-mdb-pills MDB Pills

Components

Snippet Description
s-mdb-button MDB Button
s-mdb-button-link MDB Button link
s-mdb-button-floating MDB Button floating
s-mdb-button-social MDB Button social
s-mdb-card MDB Card
s-mdb-card-empty MDB Card empty
s-mdb-card-image MDB Card image
s-mdb-card-complex MDB Card complex
s-mdb-list-group MDB List group
s-mdb-modal MDB Modal

Forms

Snippet Description
s-mdb-form MDB Form
s-mdb-checkbox MDB Checkbox
s-mdb-radio MDB Radio
s-mdb-input MDB Input
s-mdb-textarea MDB Textarea

Data

Snippet Description
s-mdb-table MDB Table

Utilities

Snippet Description
s-mdb-embed MDB Embed
s-mdb-ripple-color MDB Ripple color
s-mdb-divider MDB Divider

Installation

  1. Launch Visual Studio Code
  2. Go to extensions tab - Ctrl-Shift-X (Windows, Linux) or Cmd-Shift-X (OSX)
  3. Search for 'MDB 5 Standard snippets'
  4. Choose the extension
  5. Install extension and reload Visual Studio Code

mdb-5-standard-snippets's People

Contributors

ascensus-mdb avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

turkdevops isabella232 mateocalvi

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.