Blazor调色板概述
的Blazor调色板组件提供颜色瓷砖列表，供用户通过单击或轻按选择颜色。你可以选择预定义的颜色列表,或创建自己的．双向绑定和事件让你对用户的选择做出反应。
如果您喜欢无限的颜色选择，请考虑ColorGradient组件代替。
的一部分为Blazor的Telerik UI，一个具有100个本地组件的专业级UI库，用于构建现代和功能丰富的应用程序。想要试用它，请注册一个30天的免费试用。
创建Blazor调色板
- 添加
< TelerikColorPalette >标记到Razor文件。 - 设置
价值的参数。字符串对象。它支持单向和双向绑定。
带有双向值绑定的基本调色板和一个默认的预定义调色板。
Selected color: @MyColor
@code {string MyColor {get;设置;}}预定义的颜色
ColorPalette组件带有显示给用户的多组预定义颜色。阅读更多关于可用的预定义色彩调色板颜色．
自定义颜色
色彩调色板可以使用您自己的一组颜色。阅读更多关于Blazor colorpalette自定义颜色设置．
事件
Blazor ColorPalette触发值更改和模糊事件，您可以处理和进一步定制其行为。阅读有关Blazor Dialog事件的更多信息．
ColorPalette参数
Blazor ColorPalette提供了配置组件的各种参数。还要检查ColorPalette公共API．
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
类 |
字符串 |
对象呈现自定义CSS类< div class = " k-colorpalette”>元素。 |
颜色 |
IEnumerable <字符串>（ 办公室） |
供用户选择的颜色集合。可以是其中之一吗内置预设调色板,或一个自定义的颜色列表． |
列 |
int（ 10） |
呈现颜色列表时要使用的列数。控件一起确定组件的大小TileHeight而且TileWidth． |
启用 |
保龄球（ 真正的） |
组件是否启用。 |
Id |
字符串 |
渲染为id属性< div class = " k-colorpalette”>元素。 |
TabIndex |
Nullable < int > |
映射到tabindex属性< div class = " k-colorpalette”>元素。使用它来自定义页面上的标签焦点顺序。 |
TileHeight |
字符串 |
每个单独的颜色项目的高度。控件一起确定组件的大小列而且TileWidth．接受CSS维度字符串。 |
TileWidth |
字符串 |
每个单独的颜色项目的宽度。控件一起确定组件的大小列而且TileHeight．接受CSS维度字符串。 |
价值 |
字符串 |
设置输入的值，可用于绑定。接受任何有效的CSS背景颜色字符串．预设调色板使用HEX格式(# 123农行）. |
看到输入验证篇文章。
例子
Blazor colorpalette提供外观设置。控件控制组件的大小列，TileWidth而且TileHeight参数。
用很少的列制作一个大的调色板
@SelectedColor @code{string SelectedColor {get;设置;}}