Export Button with different variants
Open
Nobody has claimed this yet.
kind/enhancement
- Dominant language
- TypeScript
- Stars
- 137
- Forks
- 239
- Avg merge
- 4d 14h
- Merged PRs (30d)
- 5
Description
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, andtext - Create styles modifier by way of variant and colors:
primary,secondary,success,warning,error,info - Ensure
disabledstyle is covered
Export custom Buttons from Meshery Cloud UI for testing
DefaultButtonStyledButtonwhich will inherit theDefaultButtonGetStartedButtonLoginButtonAddButtonEditButtonSpanTextButtonDeleteButtonDenyButtonApproveButtonCancelButtonConnectButtonSaveButtonFilterButtonActionButtonTableCtrlButtonRangeButtonErrorCloseButtonTryAgainButtonTransferButtonCardStatsBoxIconButtonPopupButtonConnectionsButton
Desired Behavior
Implementation
Acceptance Tests
Mockups
- 🎨 Wireframes and designs for Sistent site in Figma (open invite)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the linked Sistent Design System Figma designs and locating the existing custom buttons in the Meshery Cloud UI. Define the shared button variants, colors, disabled styling, and listed exports, then verify that the resulting buttons are available for testing across the UI.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- figma, react, typescript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100