Docs React Lynx AI Integration Breeze

ComponentsDeprecated

Extended FAB (Deprecated)

더 이상 사용되지 않습니다. Contextual Floating Button을 사용하세요.

옵션 테이블

속성	값	기본값
size	small, medium	medium
variant	neutral solid, layer floating	neutral solid
prefix icon	icon

Specification

base

상태	슬롯	속성	값
enabled	root	cornerRadius	$radius.full
		shadow	0px 2px 6px 0px #00000026

variant=neutralSolid

기본 FAB 스타일입니다.

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

variant=layerFloating

플로팅 레이어 위에 사용하는 스타일입니다.

상태	슬롯	속성	값
enabled	root	color	$color.bg.layer-floating 앱의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 모달성 요소들이 여기에 속합니다.
	label	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
	prefixIcon	color	$color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다.
pressed	root	color	$color.bg.layer-floating-pressed 앱의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 모달성 요소들이 여기에 속합니다. (pressed)

size=small

상태	슬롯	속성	값
enabled	root	minHeight	40px
		gap	$dimension.x1
		paddingX	$dimension.x3_5
		paddingY	$dimension.x2_5
	prefixIcon	size	16px
	label	fontSize	$font-size.t4
		lineHeight	$line-height.t4
		fontWeight	$font-weight.medium

size=medium

상태	슬롯	속성	값
enabled	root	minHeight	48px
		gap	$dimension.x1
		paddingX	$dimension.x4
		paddingY	$dimension.x3
	prefixIcon	size	16px
	label	fontSize	$font-size.t5
		lineHeight	$line-height.t5
		fontWeight	$font-weight.bold

Last updated on

Extended Action SheetDeprecated

Previous Page

FABDeprecated

Next Page

On this page

옵션 테이블 Specification