Turnkey Styling
Line 28: Line 28:
<head>
<head>
<script src="/extensions/style-system-presentation/ripple.js"></script>
<script src="/extensions/style-system-presentation/ripple.js"></script>
<link ref="stylesheet" href="/extensions/style-system-presentation/style.css"></script>
<link ref="stylesheet" href="/extensions/style-system-presentation/style.css"/>
</head>
</head>



Revision as of 20:52, 30 July 2019


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

Buttons

Default buttons in MDriven Turnkey
Oulined buttons in MDriven Turnkey
Flat buttons in MDriven Turnkey
Shaped buttons in MDriven Turnkey

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