[GH-ISSUE #77] Create a Reusable "Coming Soon" Badge Component #50

New issue

Closed

opened 2026-03-03 10:56:24 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 10:56:24 +03:00

Owner

Originally created by @manikanta9176 on GitHub (Apr 22, 2025).
Original GitHub issue: https://github.com/dflow-sh/dflow/issues/77

Originally assigned to: @manikanta9176 on GitHub.

Refactor the existing "Coming Soon" tag into a reusable, common component that can be attached to any UI element (e.g., buttons, cards, tab items, etc.).
The component should allow flexible configuration through the following props:

Props:

text (optional) – Custom badge text (default: "Coming Soon").
icon (optional) – Icon to display alongside the text.
position (optional) – Determines the badge placement. Acceptable values:
- 'top-left' (default)
- 'top-right'
- 'top-middle'
- 'right-middle'
- 'bottom-right'
- 'bottom-middle'
- 'bottom-left'
- 'left-middle'

Originally created by @manikanta9176 on GitHub (Apr 22, 2025). Original GitHub issue: https://github.com/dflow-sh/dflow/issues/77 Originally assigned to: @manikanta9176 on GitHub. - Refactor the existing "Coming Soon" tag into a reusable, common component that can be attached to any UI element (e.g., buttons, cards, tab items, etc.). - The component should allow flexible configuration through the following props: #### **Props:** - `text` *(optional)* – Custom badge text (default: `"Coming Soon"`). - `icon` *(optional)* – Icon to display alongside the text. - `position` *(optional)* – Determines the badge placement. Acceptable values: - `'top-left'` (default) - `'top-right'` - `'top-middle'` - `'right-middle'` - `'bottom-right'` - `'bottom-middle'` - `'bottom-left'` - `'left-middle'`