Add Orientation and Styles for Divider Component

A few things that would make the divider component a bit more versatile:

  • vertical/horizontal orientation (useful for separating lists and tables displayed side by side)

  • text size doesn't seem to change anything, a length and/or width property would be more appropriate.
    image

I agree with the ability to orient vertically.

I would also suggest a "line thickness" option.

The text size changes text, if you choose to put text in the divider.

1 Like

I had no clue you could add text to these things!! To be fair though, I mostly use dividers w hidden=true and place them at the top and bottom of containers. This lets me set height to auto even when they have no visible components.

I needed a simple way to display child components on top of images and found setting the background-image for a container to a url (or base64 uri string) the easiest way.
image
this lets me do layouts like below where 'Launch' is a button and 'meet_cora' is a container.

1 Like

Thanks for the feedback!

For separating vertical lists, I might work around this for now using a html component with a border (the stack container could also help with alignment)

1 Like