BUTTON

Buttons allow users to take actions,and make choices, with a single tap.Buttons communicate actions that users can take.

Basic

A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic

>

• Primary button: indicate the main action, one primary button at most in one section.
• Default button: indicate a series of actions without priority.
• Dashed button: used for adding action commonly.
• Text button: used for the most secondary action.

Color

Buttons having different Color shows different meaning

• Danger: used for actions of risk, like deletion or authorization.
• Success: used for actions which is successfully done.

Size

Ant Design supports a default button size as well as a large and small size. If a large or small button is desired, set the size property to either large or small respectively. Omit the size property for a button with the default size.

Link-Button

Link button is used for external links

Icons

Button components can contain an Icon. This is done by setting the icon property or placing an Icon component within the Button. If you want specific control over the positioning and placement of the Icon, then that should be done by placing the Icon component within the Button rather than using the icon property.

BUTTONS WITH ICON & LABEL

Buttons with icons

Floating Button

A floating action button (FAB) performs the primary, or most common, action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center.