Divider

Section one

Section two

계약

Overview

Machine-readable contract from Component Spec.

component: dividerexport: Dividerversion: 1attributes: data-refineui=divider

Anatomy

Part	data-refineui
root	divider

Variants

Axis	Values
layout	default, content, icon

Accessibility

Slot	Element	Role
divider	div	separator

Layout

Property	Value
direction	logical
rtl	true

설치

npmyarnpnpmbun

npm install @refineui/react @refineui/tokens

사용법

import { Divider } from "@refineui/react";

<Divider />

<Divider layout="content" align="center">
  Or continue with
</Divider>

<Divider layout="icon" align="left" />

API 레퍼런스

Prop	Default	Type	Description
layout	"default"	"default" | "content" | "icon"	Divider 레이아웃 스타일.
align	"center"	"center" | "left" | "right"	콘텐츠/아이콘 정렬(layout이 default가 아닐 때).
children	—	ReactNode	표시할 콘텐츠(layout이 "content"일 때 필수).