BUG | Divider: "Vertical Divider" unable to produce desired result

[hnprashanth]

Expected Behavior

When orientation="vertical" prop is passed to the Divider component, it is supposed to render a vertical divider.

Current Behavior

The component doesn't render a vertical divider. Applies to all vertical divider variations as mentioned in docs:

• Vertical Divider
• Vertical Divider with Label
• Vertical Divider with Custom Label

Screenshot below:

Code Snippet:

import "@hover-design/react/dist/style.css";
import { Divider } from "@hover-design/react";

export default function App() {
  return (
    <div className="App">
      <span>Label 1</span>
      <Divider orientation="vertical" style={{ margin: "0 10px" }} />
      <span>Label 2</span>
      <Divider orientation="vertical" style={{ margin: "0 10px" }} />
      <span>Label 3</span>
    </div>
  );
}

Possible Solution

Steps to Reproduce (for bugs)

1. Copy the above sample code
2. Try it in CodeSandbox or your local project

Context

Your Environment

• Version used: 0.1.8
• Browser name and version: Safari 16.0
• Operating System and version (desktop or mobile): macOS Monterey 12.6
• Link to your project:

[pruthvi2103]

pl refer #109 for more context. Not actually bug with code but. issue with docs not specifying the constraints properly

cc- @hnprashanth