![]() This is superior to simply defining breakpoints in the HTML/CSS, as it’s a more tailored experience for the user. Media queries thus allow developers to use condition checks to alter web designs based on the properties of the user’s device. “A media query allows us to target not only certain device classes but to actually inspect the physical characteristics of the device rendering our work,” Marcotte explains. Strictly speaking, responsive websites have three defining features: 1. Used for large element animation interaction.Ĭontrol the opacity of the loading state.Ĭontrol the horizontal padding of content element.Ĭontrol the extra small padding of the element.“Mobile phones and tablets are responsible for 56.74% of global internet usage.” What is a responsive website? Used for medium element animation interaction. The most widely used font size in the design system, from which the text gradient will be derived.Ĭontrol the width of the line when the component is in focus state.Ĭontrol the margin of an element, with a small size. The height of the basic controls such as buttons and input boxes in Ant DesignĬontrol the outline color of input component.Ĭontrol the outline width of input component. SM size border radius, used in small size components, such as Button, Input, Select and other input components in small size LG size border radius, used in some large border radius components, such as Card, Modal and other components. ![]() Hover state under the main color gradient.ĭefault text color which comply with W3C standards, and this color is also the darkest neutral color.Ĭontrol the color of text in disabled state.Ĭontrol the highlight color of text with background color, such as the text in Primary Button components. 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. styles and classNames attributeĬontainer background color, e.g: default button, input box, etc. ![]() It accepts all props which native buttons support. Same as target attribute of a, works when href is specifiedĬan be set to primary ghost dashed link text default Set the original html type of button, see: MDN Make background transparent and invert text and border colors Option to fit button width to its parent width Href Primary (disabled ) Danger Default ĭanger Link (disabled ) Ghost Ghost (disabled ) ) export default App FC = ( ) => ( Primary Primary (disabled ) Default Default (disabled ) Dashed Dashed (disabled ) Text Text (disabled ) Link Link (disabled ) Import React, from 'antd' const App : React.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |