Current Behavior

We have plenty of customized Button, not a consistent button.

• Will need to define the styles for the Button
• Create exported Button by variant: contained, outlined, and text
• Create styles modifier by way of variant and colors: primary, secondary, success, warning, error, info
• Ensure disabled style is covered

Export custom Buttons from Meshery Cloud UI for testing

• DefaultButton
• StyledButton which will inherit the DefaultButton
• GetStartedButton
• LoginButton
• AddButton
• EditButton
• SpanTextButton
• DeleteButton
• DenyButton
• ApproveButton
• CancelButton
• ConnectButton
• SaveButton
• FilterButton
• ActionButton
• TableCtrlButton
• RangeButton
• ErrorCloseButton
• TryAgainButton
• TransferButton
• CardStatsBox
• IconButton
• PopupButton
• ConnectionsButton

Desired Behavior

Implementation

Acceptance Tests

Mockups

Contributor Guide

• 🎨 Wireframes and designs for Sistent site in Figma (open invite)