English
VietnamesePrimary
variant="primary"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGapp/components/ui/button
Button
Toàn bộ tổ hợp appearance, màu sắc và kích thước hiện có. Mỗi hàng lần lượt minh họa button chỉ có text, text đứng trước icon, icon đứng trước text, chỉ có icon và icon hình tròn.
3 appearances8 colors4 sizes5 content forms
Mặc định và trạng thái
Solid
appearance="solid"Secondary
variant="secondary"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGSuccess
variant="success"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGWarning
variant="warning"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGInfo
variant="info"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGDestructive
variant="destructive"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGDark
variant="dark"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGNeutral
variant="neutral"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGOutline
appearance="outline"Primary
variant="primary"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGSecondary
variant="secondary"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGSuccess
variant="success"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGWarning
variant="warning"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGInfo
variant="info"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGDestructive
variant="destructive"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGDark
variant="dark"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGNeutral
variant="neutral"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGGhost
appearance="ghost"Primary
variant="primary"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGSecondary
variant="secondary"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGSuccess
variant="success"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGWarning
variant="warning"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGInfo
variant="info"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGDestructive
variant="destructive"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGDark
variant="dark"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLGNeutral
variant="neutral"SizeTextText · IconIcon · TextIconIcon Circle
XSSMMDLG