Skip to content

コンポーネント実装:Button(RoundedButton / LinkedButton) #57

@tanapl

Description

@tanapl

一行説明

FoR の Button(Rounded / Linked)を variant/state 付きで共通コンポーネント化する。

詳細

  • RoundedButton:Primary/Secondary/Tertiary/Danger を variant として提供
  • state:default/hover/pressed/disabled を Theme(Button tokens)で表現
  • LinkedButton:リンク風のボタン(外部遷移 icon など拡張想定)

要件

  • variant(Primary/Secondary/Tertiary/Danger)を props で切替可能
  • state(default/hover/pressed/disabled)を再現(CSS vars / Tailwind)
  • disabled 時の見た目+操作不能を保証
  • a11y(button/aria, focus)対応

補足

Theme 依存:

  • Button token(Frame/Text_Icon × state)
Image

Metadata

Metadata

Assignees

Labels

enhancementNew feature or requestfrontendFrontend development

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions