Home Components Divider
Divider
Overview Playground API
A divider can be used to segment content vertically or horizontally.
Usage Here are several predefined checkbox styles, each serving its own semantic purpose.
Content A Content B
Content A or Content B 

  <div class="container-horizontal">
    <goat-text>Content A</goat-text>
    <goat-divider></goat-divider>
    <goat-text>Content B</goat-text>
  </div>

  <div class="container-horizontal">
    <goat-text>Content A</goat-text>
    <goat-divider> or</goat-divider>
    <goat-text>Content B</goat-text>
  </div>
Content A Content B
Content A or Content B 

  <div class="container-vertical">
    <goat-text>Content A</goat-text>
    <goat-divider vertical="true"></goat-divider>
    <goat-text>Content B</goat-text>
  </div>

  <div class="container-vertical">
    <goat-text>Content A</goat-text>
    <goat-divider vertical="true"> or</goat-divider>
    <goat-text>Content B</goat-text>
  </div>
Usage
Work in progress
Properties
Events
Methods
CSS Custom Properties
Previous Next