Turnkey Styling
Denis Pupin (talk | contribs) |
Denis Pupin (talk | contribs) |
||
| Line 32: | Line 32: | ||
<body> | <body> | ||
< | <p class="examples-desc">Default buttons in MDriven Turnkey</p> | ||
<div class="examples"> | <div class="examples"> | ||
| Line 66: | Line 65: | ||
</div> | </div> | ||
< | <p class="examples-desc">Oulined buttons in MDriven Turnkey</p> | ||
<div class="examples"> | <div class="examples"> | ||
| Line 98: | Line 97: | ||
</div> | </div> | ||
< | <p class="examples-desc">Flat buttons in MDriven Turnkey</p> | ||
<div class="examples"> | <div class="examples"> | ||
| Line 130: | Line 129: | ||
</div> | </div> | ||
< | <p class="examples-desc">Shaped buttons in MDriven Turnkey</p> | ||
<div class="examples"> | <div class="examples"> | ||
Revision as of 08:13, 31 July 2019
This page was created by Denis on 2019-07-30. Last edited by Stephanie on 2025-01-28.
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
Default buttons in MDriven Turnkey
Oulined buttons in MDriven Turnkey
Flat buttons in MDriven Turnkey
Shaped buttons in MDriven Turnkey