Docs React Lynx AI Integration Breeze

ComponentsDeprecated

Inline Banner (Deprecated)

더 이상 사용되지 않습니다. Page Banner를 사용하세요.

옵션 테이블

속성	값	기본값
type	default, link, actionable, dismissible
variant	neutral weak, positive weak, informative weak, warning weak, warning solid, critical weak, critical solid	neutral weak
icon	icon
title	string
description	string
link label	string

Specification

base

상태	슬롯	속성	값
enabled	root	paddingX	$dimension.x4
		paddingY	$dimension.x2_5
		minHeight	$dimension.x10
	prefixIcon	size	$dimension.x4
		marginRight	$dimension.x2
	title	fontSize	$font-size.t4
		lineHeight	$line-height.t4
		fontWeight	$font-weight.bold
	description	fontSize	$font-size.t4
		lineHeight	$line-height.t4
		fontWeight	$font-weight.medium
	link	targetHeight	$dimension.x10
		fontSize	$font-size.t2
		lineHeight	$line-height.t2
		fontWeight	$font-weight.regular
		marginLeft	$dimension.x4
	suffixIcon	size	$dimension.x4
		targetSize	$dimension.x10
		marginLeft	$dimension.x4

variant=neutralWeak

상태	슬롯	속성	값
enabled	root	color	$color.bg.neutral-weak 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak)
	prefixIcon	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	title	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	description	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	link	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	suffixIcon	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.

variant=positiveWeak

상태	슬롯	속성	값
enabled	root	color	$color.bg.positive-weak 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (weak)
	prefixIcon	color	$color.fg.positive-contrast 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (contrast)
	title	color	$color.fg.positive-contrast 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (contrast)
	description	color	$color.fg.positive-contrast 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (contrast)
	link	color	$color.fg.positive-contrast 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (contrast)
	suffixIcon	color	$color.fg.positive-contrast 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (contrast)

variant=informativeWeak

상태	슬롯	속성	값
enabled	root	color	$color.bg.informative-weak 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (weak)
	prefixIcon	color	$color.fg.informative-contrast 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (contrast)
	title	color	$color.fg.informative-contrast 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (contrast)
	description	color	$color.fg.informative-contrast 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (contrast)
	link	color	$color.fg.informative-contrast 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (contrast)
	suffixIcon	color	$color.fg.informative-contrast 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (contrast)

variant=warningWeak

상태	슬롯	속성	값
enabled	root	color	$color.bg.warning-weak 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (weak)
	prefixIcon	color	$color.fg.warning-contrast 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (contrast)
	title	color	$color.fg.warning-contrast 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (contrast)
	description	color	$color.fg.warning-contrast 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (contrast)
	link	color	$color.fg.warning-contrast 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (contrast)
	suffixIcon	color	$color.fg.warning-contrast 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (contrast)

variant=warningSolid

상태	슬롯	속성	값
enabled	root	color	$color.bg.warning-solid 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (solid)
	prefixIcon	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	title	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	description	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	link	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	suffixIcon	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.

variant=criticalWeak

상태	슬롯	속성	값
enabled	root	color	$color.bg.critical-weak 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (weak)
	prefixIcon	color	$color.fg.critical-contrast 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (contrast)
	title	color	$color.fg.critical-contrast 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (contrast)
	description	color	$color.fg.critical-contrast 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (contrast)
	link	color	$color.fg.critical-contrast 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (contrast)
	suffixIcon	color	$color.fg.critical-contrast 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (contrast)

variant=criticalSolid

상태	슬롯	속성	값
enabled	root	color	$color.bg.critical-solid 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (solid)
	prefixIcon	color	$color.palette.static-white
	title	color	$color.palette.static-white
	description	color	$color.palette.static-white
	link	color	$color.palette.static-white
	suffixIcon	color	$color.palette.static-white

Last updated on

FABDeprecated

Previous Page

Link ContentDeprecated

Next Page

On this page

옵션 테이블 Specification