Skip to content

Ribbon component #136

@leonid

Description

@leonid

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

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions