로고SEED Design

Divider

Divider는 구분선을 표시하는 컴포넌트입니다.

import { Box, Divider, VStack } from "@seed-design/react";

export default function DividerPreview() {
  return (
    <VStack width="full">
      <Box bg="bg.layerDefault" height="100px" />
      <Divider />
      <Box bg="bg.layerDefault" height="100px" />
    </VStack>
  );
}

Usage

import { Divider } from "@seed-design/react";
<Divider />

Props

PropTypeDefault
thickness?
0 | (string & {}) | 1
1
color?
ScopedColorStroke | ScopedColorPalette | (string & {})
"stroke.neutral"
as?
"hr" | "div"
"hr"

Last updated on

Control Chip

Control Chip은 사용자가 선택, 필터링, 전환과 같은 제어 작업을 수행할 수 있도록 돕는 Pill 형태의 컴포넌트입니다.

Error State

사용자에게 오류 혹은 조회 결과가 없음을 알리는 컴포넌트입니다.

On this page

Usage
Props