The stroke color under the main color gradient, used on the stroke of components such as Slider. After you have selected the brand color, we will automatically generate a complete color palette and assign it effective design semantics.ĭark active state under the main color gradient. The hover state border color of the error state.Ĭontrol the outline color of input component in error state.Ĭontrol the color of hyperlink when clicked.Ĭontrol the color of hyperlink when hovering.īrand color is one of the most direct visual elements to reflect the characteristics and communication of the product. Used to represent the visual elements of the operation failure, such as the error Button, error Result component, etc. Be sure not to confuse this with `colorBgElevated`.Ĭontrol the background color of container in disabled state.Ĭontrol the background color of text in active state.Ĭontrol the background color of text in hover state.ĭefault border color, used to separate different elements, such as: form separator, card separator, etc. Href Primary (disabled ) Danger Default ĭanger Link (disabled ) Ghost Ghost (disabled ) ) export default App Ĭontainer background color, e.g: default button, input box, etc. FC = ( ) => ( Primary Primary (disabled ) Default Default (disabled ) Dashed Dashed (disabled ) Text Text (disabled ) Link Link (disabled ) Import React, from 'antd' const App : React.

Google red button