Horizontal rule

[anthonys]

@alcampopiano

Is there a way to add a horizontal rule? Example:

I have to separate a title from a list and the horizontal line always seems to look nice for separating sections on a page. This was re

Here is a conversation about it

How to set border property for card component

How to set border property for card component?

TLDR;

I created a role by adding the following to my native libraries:

<style>
.anvil-role-bottom_thin_border {
  border-bottom: thin solid;
}
</style>

Then I created a role called bottom_thin_border in the theme/role section of the IDE.

If you don’t restrict the role, you can then apply it to any component using the role drop-down in the appearance section of the component properties.

or via code

self.component.role = "bottom_thin_border"