📖 Step 3: Design - UI Components & Patterns#64 / 291
Divider
Divider
📖One-line summary
A horizontal line that separates content areas.
✨Example
A divider separating content
Section 1
Section 2
or
Section 3
⚡Vibe coding prompt examples
>_
Build a divider component for between content sections. Allow horizontal/vertical direction and solid/dashed/gradient styles via props.
>_
Add 1px dividers between list items. The last item should have no divider, and add side padding so it does not touch the edges.
>_
Build a divider with a label like 'OR' in the middle. We will use it between social login and email login.
Try these prompts in your AI coding assistant!