Syntax used:<ThemedButton theme="[tc-theme-color-size]">White</ThemedButton>
Themes:tc-theme-color-size pattern is apllied.
Available colors depend on theme. Sizes apply on all types of buttons. Themes and colors currently are:
primary - colors: green, white, borderless
secondary - colors: gray
warning - colors: red
Sizes: xs, sm, md, lg
Examples:<ThemedButton theme="tc-primary-green-xs">tc-primary-green-xs</ThemedButton><ThemedButton theme="tc-primary-green-sm">tc-primary-green-sm</ThemedButton><ThemedButton theme="tc-primary-green-md">tc-primary-green-md</ThemedButton><ThemedButton theme="tc-primary-green-lg">tc-primary-green-lg</ThemedButton>
<ThemedButton theme="tc-primary-white-xs">tc-primary-white-xs</ThemedButton><ThemedButton theme="tc-primary-white-sm">tc-primary-white-sm</ThemedButton><ThemedButton theme="tc-primary-white-md">tc-primary-white-md</ThemedButton><ThemedButton theme="tc-primary-white-lg">tc-primary-white-lg</ThemedButton>
<ThemedButton theme="tc-primary-borderless-xs">tc-primary-borderless-xs</ThemedButton><ThemedButton theme="tc-primary-borderless-sm">tc-primary-borderless-sm</ThemedButton><ThemedButton theme="tc-primary-borderless-md">tc-primary-borderless-md</ThemedButton><ThemedButton theme="tc-primary-borderless-lg">tc-primary-borderless-lg</ThemedButton><ThemedButton theme="tc-sec-gray-xs">tc-sec-gray-xs</ThemedButton><ThemedButton theme="tc-sec-gray-sm">tc-sec-gray-sm</ThemedButton><ThemedButton theme="tc-sec-gray-md">tc-sec-gray-md</ThemedButton><ThemedButton theme="tc-sec-gray-lg">tc-sec-gray-lg</ThemedButton>
<ThemedButton theme="tc-warn-red-xs">tc-warn-red-xs</ThemedButton><ThemedButton theme="tc-warn-red-sm">tc-warn-red-sm</ThemedButton><ThemedButton theme="tc-warn-red-md">tc-warn-red-md</ThemedButton><ThemedButton theme="tc-warn-red-lg">tc-warn-red-lg</ThemedButton>
<ThemedButton theme="tc-primary-green-xs" disabled>DISABLED</ThemedButton>