@progress/kendo-theme-material
Advanced tools
Comparing version 0.5.0-dev.7660917c to 0.5.0-dev.79d4f0df
@@ -92,4 +92,4 @@ --- | ||
<td> | ||
<span class="color-preview" style="background-color: #43a047"></span> | ||
#43a047 | ||
<span class="color-preview" style="background-color: #3f51b5"></span> | ||
#3f51b5 | ||
</td> | ||
@@ -113,4 +113,4 @@ <td>The color that focuses the user attention.<br/> | ||
<td> | ||
<span class="color-preview" style="background-color: #3193ee"></span> | ||
#3193ee | ||
<span class="color-preview" style="background-color: #ff4081"></span> | ||
#ff4081 | ||
</td> | ||
@@ -117,0 +117,0 @@ <td>The secondary (accent) color of the theme. |
@@ -10,3 +10,2 @@ --- | ||
{% platform_content angular %} | ||
> The Material theme is under active development and is not supported by the whole suite. All components which are available for styling with the Material theme are included in the preview. | ||
@@ -28,5 +27,13 @@ | ||
{% platform_content angular %} | ||
* [Ripple effect]({% slug overview_ripple %})—Available through the `kendoRippleContainer` directive from the `@progress/kendo-angular-ripple` NPM module. The `Ripple` directive provides the [Material ink ripple effect](https://material.io/guidelines/motion/choreography.html#choreography-radial-reaction) for the Kendo UI components for Angular and is fully compatible with all available Kendo UI themes. | ||
* [Floating labels]({% slug overview_textbox %}#toc-implementing-floating-labels)—Available through the `kendo-textbox-container` component from the `@progress/kendo-angular-inputs` NPM module. The [TextBox]({% slug overview_textbox %}) enables you to style and provide a floating label functionality to `input` elements. | ||
{% endplatform_content %} | ||
{% platform_content react %} | ||
* [Ripple effect]({% slug overview_ripple %})—Available through the `Ripple` component from the `@progress/kendo-react-ripple` NPM module. The `Ripple` component provides the [Material ink ripple effect](https://material.io/guidelines/motion/choreography.html#choreography-radial-reaction) for the Kendo UI components for React and is fully compatible with all available Kendo UI themes. | ||
> The Kendo UI [Inputs]({% slug overview_inputs %}) and [DropDowns]({% slug overview_dropdowns %}) components for React comply with the [Material Design Guidelines](https://material.io/guidelines/components/text-fields.html#text-fields-layout) and provide floating labels out of the box. | ||
{% endplatform_content %} | ||
## Preview | ||
@@ -37,6 +44,12 @@ | ||
{% theme_preview theme:material %} | ||
{% platform_content angular %} | ||
<script async src="{% asset_path theme-preview.js %}"></script> | ||
{% endplatform_content %} | ||
{% platform_content react %} | ||
<script async src="{% asset_path react-theme-preview.js %}"></script> | ||
{% endplatform_content %} | ||
## Suggested Links | ||
{% platform_content angular %} | ||
* [Material Design Guidelines](https://material.io/guidelines/) | ||
@@ -48,3 +61,4 @@ * [Kendo UI Ripple for Angular]({% slug overview_ripple %}) | ||
{% platform_content react %} | ||
> The Material theme is under active development and is not yet supported by the Kendo UI suite for React. Once the Material theme becomes available, this article will be updated accordingly. | ||
* [Material Design Guidelines](https://material.io/guidelines/) | ||
* [Kendo UI Ripple for React]({% slug overview_ripple %}) | ||
{% endplatform_content %} |
{ | ||
"name": "@progress/kendo-theme-default", | ||
"description": "SASS resources for the default Kendo UI theme", | ||
"version": "2.49.0-dev.7660917c", | ||
"version": "2.49.0-dev.79d4f0df", | ||
"author": "Progress", | ||
@@ -6,0 +6,0 @@ "license": "Apache-2.0", |
{ | ||
"name": "@progress/kendo-theme-material", | ||
"description": "Material theme for Kendo UI", | ||
"version": "0.5.0-dev.7660917c", | ||
"version": "0.5.0-dev.79d4f0df", | ||
"author": "Progress", | ||
@@ -34,3 +34,3 @@ "license": "Apache-2.0", | ||
"dependencies": { | ||
"@progress/kendo-theme-default": "^2.49.0-dev.7660917c" | ||
"@progress/kendo-theme-default": "^2.49.0-dev.79d4f0df" | ||
}, | ||
@@ -37,0 +37,0 @@ "devDependencies": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1018457
292