coui-separator

What problem does it solve?

This Skill helps create clear visual distinctions between content sections in Flutter and Web applications using CoUI's Separator component.

Core Features & Use Cases

• Visual Dividers: Add horizontal or vertical lines to separate UI elements.
• Labeled Separators: Include text labels (e.g., "OR") centered on the divider.
• Style Variants: Choose between solid, dashed, or dotted line styles.
• Use Case: In a login form, use a labeled separator with "OR" to divide traditional login fields from social login buttons.

Quick Start

Use the coui-separator skill to add a dashed separator with the label 'New Section' to your UI.