Blazor调色板概述
的Blazor Color Palette组件提供颜色磁贴列表，供用户通过单击或轻按来选择颜色。你可以选择预定义的颜色列表,或创建自己的．双向绑定和事件让您对用户的选择做出反应。
如果无限的颜色选择是首选，考虑ColorGradient组件代替。
的一部分Blazor的Telerik UI，一个专业级的UI库，包含100个本地组件，用于构建现代和功能丰富的应用程序。想要试用它，可以注册一个30天的免费试用期。
创建Blazor ColorPalette
- 添加
< TelerikColorPalette >标记到Razor文件。 - 设置
价值的参数。字符串对象。它支持单向和双向绑定。
带有双向值绑定和默认预定义调色板的基本调色板。
选中的颜色:@MyColor
@code {string MyColor {get;设置;}}预定义的颜色
ColorPalette组件带有多组显示给用户的预定义颜色。阅读更多关于可用的预定义颜色调色板颜色．
自定义颜色
colorpalette可以使用您自己的一组颜色。阅读更多关于Blazor colorpalette自定义颜色设置．
事件
Blazor ColorPalette触发值更改和模糊事件，您可以处理并进一步自定义其行为。阅读更多关于Blazor Dialog事件的信息．
ColorPalette参数
Blazor ColorPalette提供各种参数来配置组件。同时查看ColorPalette公共API．
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
类 |
字符串 |
对象呈现自定义CSS类< div class = " k-colorpalette”>元素。 |
颜色 |
IEnumerable <字符串>（ 办公室） |
供用户选择的颜色集合。可以是其中之一吗内置预设调色板,或自定义的颜色列表． |
列 |
int（ 10） |
呈现Colors列表时使用的列数。控件一起确定组件的大小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;设置;}}