Turnkey Styling
Denis Pupin (talk | contribs) |
Denis Pupin (talk | contribs) |
||
| Line 59: | Line 59: | ||
<div class="examples__item" title="Primary"> | <div class="examples__item" title="Primary"> | ||
<button class="tk-button__native ripple-effect primary">Button</button> | <button class="tk-button__native ripple-effect primary">Button</button> | ||
</div> | </div> | ||
<div class="examples__item" title="Disabled"> | <div class="examples__item" title="Disabled"> | ||
Revision as of 08:03, 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