Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Ribbon component #136

Open
leonid opened this issue Oct 14, 2024 · 0 comments
Open

Ribbon component #136

leonid opened this issue Oct 14, 2024 · 0 comments
Assignees
@leonid @ildar-min
Labels
enhancement New feature or request good first issue Good for newcomers
Milestone
Beta Release

Comments

@leonid
Copy link
Member

leonid commented Oct 14, 2024

A ribbon component is a UI element used to display a label or badge over another element, often to highlight a status, category, or special feature. It is commonly used in web applications to draw attention to specific items, such as new products, discounts, or featured content.

Design

https://www.figma.com/design/6nFlVmwDwvGloglQHxyElh/Syntax-UI-3.0?node-id=2821-10922&t=XRoIl270YGBOQJs3-4

To be implemented

  • Vue component with basic logic
  • Styles and extension points as css properties
  • Vitepress documentation: feature description, examples and api documentation
  • Unit tests for component and its composition
  • Storybook demos and documentation
@leonid leonid added this to the Beta Release milestone Oct 14, 2024
@leonid leonid added enhancement New feature or request good first issue Good for newcomers labels Oct 28, 2024
@leonid leonid self-assigned this Nov 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@leonid leonid

@ildar-min ildar-min

Labels
enhancement New feature or request good first issue Good for newcomers
Projects
None yet
Milestone
Beta Release
Development

No branches or pull requests
2 participants
@leonid @ildar-min