Export Button with different variants

オープン

#583 2024年4月26日に作成コメント 0 件リアクション 0 件担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度: 5/5
見積もり時間: 1週間以上
初心者へのやさしさ: 25/100

issue の種類: 機能追加
明瞭さ: 説明が足りない
活発さ: 停滞
技術スタック: figma, react, typescript
領域: design, frontend

調査の方向性

まず、リンクされている Sistent Design System の Figma デザインを確認し、Meshery Cloud UI に既存するカスタムボタンを特定します。共通のボタンバリアント、色、無効化時のスタイル、および記載されたエクスポートを定義し、その後、作成したボタンを UI 全体でテストできることを確認します。

索引モデルが issue の本文から書いたものです。

説明

kind/enhancement

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)

主要言語: TypeScript
スター: 137
フォーク: 239
平均マージ: 4日 14時間
マージ済み PR（30日）: 5

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
リポジトリをフォークし、ブランチを切って変更します。
issue 番号を参照したプルリクエストを送ります。

layer5io/sistent のほかの issue

InfoTooltip is not keyboard reachable and has no accessible name オープン

難易度 2/5 1〜3時間初心者へのやさしさ 84/100

layer5io/sistent#1829 · 2026年9月8日に作成
[UI] Permission Shield tooltip uses fixed `placement="top"` instead of adaptive placement オープン

component/ui help wanted kind/enhancement

難易度 2/5 1〜3時間初心者へのやさしさ 68/100

layer5io/sistent#1772 · コメント 4 件 · 2026年8月4日に作成
Barrel re-exports DateTimePickerProps from the optional peer @mui/x-date-pickers, so the type is `any` for consumers who skip it オープン

難易度 2/5 1〜3時間初心者へのやさしさ 82/100

layer5io/sistent#1749 · コメント 1 件 · 2026年7月24日に作成
ESM build is not loadable by Node: extensionless 'lodash/debounce' specifier in dist/index.mjs オープン

難易度 2/5 1〜3時間初心者へのやさしさ 70/100

layer5io/sistent#1739 · コメント 1 件 · 2026年7月22日に作成
[Bug]: Catalog design card titles truncate to single line with no way to see full name オープン

kind/bug

layer5io/sistent#1849 · 担当者 1 名 · 2026年9月22日に作成

layer5io/sistent の issue をすべて見る

似ている issue

bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs オープン

難易度 2/5 1〜3時間初心者へのやさしさ 70/100

tiann/hapi#1918 · コメント 1 件 · 2026年9月24日に作成
Crush オープン

難易度 1/5 1時間未満初心者へのやさしさ 85/100

catppuccin/catppuccin#3125 · 2026年9月24日に作成
Add a SECURITY.md オープン

難易度 1/5 1時間未満初心者へのやさしさ 90/100

ElementsProject/cln-application#167 · コメント 1 件 · リアクション 1 件 · 2026年9月24日に作成
Dependencies whose license text can't be resolved are silently dropped from the output オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

Quantco/pnpm-licenses#17 · 2026年9月24日に作成
EV search minPowerKW filters out every station that reports connectors オープン

難易度 2/5 1〜3時間初心者へのやさしさ 75/100

tomtom-international/tomtom-maps-mcp#284 · 2026年9月24日に作成

TypeScript の issue をもっと見る