Turnkey Styling


Getting started

MDriven Turnkey Style system based on the BEM methodology. BEM stands for Block, Element, Modifier and it is a convention on how to structure CSS rules. Read more here.

Out of the box you will receive the following UI elements:

  • Static text
  • Image
  • Text field
  • Checkbox
  • Select (Combobox)
  • Date picker
  • Data-table
  • Button
  • File upload
  • Link
  • Textarea
  • Number field
  • Float field

Layout

MDriven Turnkey uses CSS Grid to create the application layout.

Components

Buttons

Out of the box in MDriven Turnkey you have the default button styles, but you can modify it with the predefined Modifier-classes. Find out all predefined modifier classes for the buttons, below.

Default buttons in MDriven Turnkey

Oulined buttons in MDriven Turnkey

Flat buttons in MDriven Turnkey

Shaped buttons in MDriven Turnkey

This page was edited 35 days ago on 03/26/2024. What links here