description:Use button styles that best suit your designs and encourage users to take the desired actions. You can customize the button's properties to improve the user experience of your website or system, changing the size, shape, color and many more.
description:Thanks to the Tabler flags plug-in, you can create flags to visually represent countries or languages. Flags are often used in forms, as an element of a delivery address, phone number dialling code and many more.
plugin:flags
done:true
libs:tabler-flags
---
...
...
@@ -34,7 +35,7 @@ Using Bootstrap’s typical naming structure, you can create a standard flag, or
## Types
To use the flag of a particular country, add the `flag-(country name)` class. For example, to create a flag of Andorra should use the following class: `.flag-ad`.
To use the flag of a particular country, add the `flag-country-(country name)` class. For example, to create a flag of Andorra should use the following class: `.flag-country-ad`.
description:Forms are one of the most important types of interaction with a website or app. Since their aim is to enable users to make a purchase, subscribe to a service or sign up to create an account, it's important to make sure they are easy to complete and help increase conversion rates. Use the available elements to create forms which are well-structured and user-friendly.
<divid="chart-{{ id }}"{%ifclass%}class="{{ class }}"{%endif%}{%ifdata.debugandjekyll.environment =='development'%}style="outline: 1px solid red"{%endif%}></div>
{% assign data = include.percentage | append: "/100" %}
{% endif %}
{% append_lib peity %}
<divclass="chart-sparkline{% if type == 'pie' %} chart-sparkline-square{% endif %}{% if include.wide %} chart-sparkline-wide{% endif %}"id="sparkline-{{ id }}"></div>