Skip to documentation
DocsLayoutDivider
Component library

Layout / COMPONENT

Divider

Web · implementedDesktop · preview

Garis pemisah antar section konten.

import { Divider } from "./vendor/syne-ui/index.js";TypeScript ready
Live preview

Account details

Sign-in options

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX
import { Divider } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Divider>or continue with email</Divider>
  );
}
Make it yours

Use className and --syne-* tokens to match your design system.