зеркало из https://github.com/telerik/blazor-docs.git
docs(common): Add Kit to Progress Design System
This commit is contained in:
Dimo Dimov
Родитель
bf2e7eb1c6
Коммит
e6b3de192b
|
|
@ -59,7 +59,7 @@ To prevent user interaction with a Button, disable it. [Read more about the disa
|
|||
|
||||
To customize the style and the appearance of the Blazor Button, you can use the [built-in themes]({%slug themes-overview%}). Additionally, set the `Class` attribute to implement custom CSS rules or [configure the built-in appearance options]({%slug button-styling%}).
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Button, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/button/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Button, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/button/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Button Parameters
|
||||
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@ The ButtonGroup allows you to control the selection mode of its `ButtonGroupTogg
|
|||
|
||||
The separate button instances of the ButtonGroup provide several parameters that control their [styling and appearance, including background color, rounded corners and fill]({%slug buttongroup-appearance%}).
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the ButtonGroup, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/buttongroup/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the ButtonGroup, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/buttongroup/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Events
|
||||
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ In addition to basic *checked* and *unchecked* states, the Blazor CheckBox has a
|
|||
|
||||
The Checkbox component provides size and border settings to control its appearance. [Read more about the Blazor Checkbox appearance settings]({%slug checkbox-appearance%}).
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the CheckBox, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/checkbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the CheckBox, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/checkbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Events
|
||||
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ To use a Telerik Chip for Blazor:
|
|||
|
||||
You can customize the appearance of the Blazor Chip via a variety of built-in customization options. [Read more about the Chip appearance settings...]({%slug chip-appearance%})
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Chip, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/chip/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Chip, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/chip/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Chip Parameters
|
||||
|
||||
|
|
|
|||
|
|
@ -109,7 +109,7 @@ The following parameters enable you to customize the [appearance]({%slug combobo
|
|||
|
||||
@[template](/_contentTemplates/dropdowns/features.md#styling)
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the ComboBox, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/combobox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the ComboBox, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/combobox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
### Popup settings
|
||||
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ The primary DropDownButton action and each secondary item in the dropdown can [d
|
|||
|
||||
The DropDownButton provides a [variety of settings to control its visual appearance]({%slug dropdownbutton-appearance%}), for example, the colors, borders, and size. This spares the need to use custom CSS code.
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the DropDownButton, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/dropdownbutton/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the DropDownButton, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/dropdownbutton/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Events
|
||||
|
||||
|
|
|
|||
|
|
@ -109,7 +109,7 @@ The following parameters enable you to customize the [appearance]({%slug dropdow
|
|||
|
||||
@[template](/_contentTemplates/dropdowns/features.md#styling)
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the DropDownList, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/dropdownlist/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the DropDownList, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/dropdownlist/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
### Popup Settings
|
||||
|
||||
|
|
|
|||
|
|
@ -92,7 +92,7 @@ The following parameters enable you to customize the [appearance]({%slug maskedt
|
|||
| `Class` | `string` | The custom CSS class of the `<span class="k-maskedtextbox">` element. |
|
||||
| `Width` | `string` | The component width. |
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the MaskedTextBox, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/maskedtextbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the MaskedTextBox, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/maskedtextbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## MaskedTextBox Reference and Methods
|
||||
|
||||
|
|
|
|||
|
|
@ -126,7 +126,7 @@ The following parameters enable you to customize the [appearance]({%slug multise
|
|||
|
||||
@[template](/_contentTemplates/dropdowns/features.md#styling)
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the MultiSelect, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/multiselect/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the MultiSelect, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/multiselect/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
### Popup settings
|
||||
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@ The following parameters enable you to customize the [appearance]({%slug numeric
|
|||
| `Class` | `string` | The CSS class that will be rendered on the `<span class="k-numerictextbox">` element. |
|
||||
| `Width` | `string` | The width of the component in [any supported CSS unit]({%slug common-features/dimensions%}). |
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Numeric TextBox, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/numerictextbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Numeric TextBox, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/numerictextbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Numeric TextBox Reference and Methods
|
||||
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ The primary SplitButton action and each secondary item in the dropdown can [disp
|
|||
|
||||
The SplitButton provides a [variety of settings to control its visual appearance]({%slug splitbutton-appearance%}), for example the colors, borders, and size. This spares the need to use custom CSS code.
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the SplitButton, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/splitbutton/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the SplitButton, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/splitbutton/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Events
|
||||
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ The following parameters enable you to customize the appearance of the Blazor Sw
|
|||
| `Class` | `string` | The CSS class that will be rendered on the main wrapping element of the Switch. Use it to [customize the Switch background color and other styles]({%slug switch-kb-change-background-color%})
|
||||
| `Width` | `string` | The width of the component. You can set the Width parameter to any of the [supported units]({%slug common-features/dimensions%}).
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Switch, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/switch/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the Switch, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/switch/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
## Switch Reference and Methods
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ The Telerik <a href ="https://www.telerik.com/blazor-ui/textarea" target="_blank
|
|||
|
||||
The TextArea component provides settings to control its appearance. [Read more about the Blazor TextArea appearance settings]({%slug TextArea-appearance%}).
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the TextArea, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/textarea/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the TextArea, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/textarea/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
@[template](/_contentTemplates/common/inputs.md#adornments)
|
||||
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ You can control [various attributes](#features) of the `input` element and turn
|
|||
|
||||
The TextBox component provides settings to control its appearance. [Read more about the Blazor TextBox appearance settings]({%slug textbox-appearance%}).
|
||||
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the TextBox, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/textbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
>tip To learn more about the appearance, anatomy, and accessibility of the TextBox, visit the [Progress Design System Kit documentation](https://www.telerik.com/design-system/docs/components/textbox/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
|
||||
|
||||
@[template](/_contentTemplates/common/inputs.md#adornments)
|
||||
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ Upgrading may require changes to the additional custom CSS code, but only if the
|
|||
|
||||
The most complex and flexible way to use Telerik themes is to build them from the SASS source code in your development environment.
|
||||
|
||||
Each <a href="https://www.telerik.com/design-system/docs/themes/kendo-themes/default/customization/" target="_blank">Theme Customization page in the Progress Design System documentation</a> and the [kendo-themes repository wiki](https://github.com/telerik/kendo-themes/wiki/Compiling-themes) provide more information about this process.
|
||||
Each <a href="https://www.telerik.com/design-system/docs/themes/kendo-themes/default/customization/" target="_blank">Theme Customization page in the Progress Design System Kit documentation</a> and the [kendo-themes repository wiki](https://github.com/telerik/kendo-themes/wiki/Compiling-themes) provide more information about this process.
|
||||
|
||||
|
||||
## Loading Custom Themes
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ description: The UI for Blazor suite comes with a set of built-in themes that yo
|
|||
slug: themes-overview
|
||||
tags: telerik,blazor,theme,built-in
|
||||
published: True
|
||||
previous_url: /themes/overview,/styling-and-themes/swatch-distribution,/styling-and-themes/theme-swatches,/styling-and-themes/themebuilder,/styling-and-themes/form-elements,/styling-and-themes/figma-ui-kits
|
||||
previous_url: /themes/overview,/styling-and-themes/swatch-distribution,/styling-and-themes/theme-swatches,/styling-and-themes/form-elements,/styling-and-themes/figma-ui-kits
|
||||
position: 0
|
||||
---
|
||||
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче