Tabs

Chip Tabs

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

content 1

Installation

npx @seed-design/cli@latest add chip-tabs

Props

`ChipTabsRoot`

Prop	Type	Default
`asChild?`	`boolean`	`false`
`unmountOnExit?`	`boolean`	`false`
`lazyMount?`	`boolean`	`false`
`onValueChange?`	`((value: string) => void)`	-
`defaultValue?`	`string`	-
`value?`	`string`	-
`orientation?`	`"horizontal" \| "vertical"`	-
`stickyList?`	`boolean`	`false`
`contentLayout?`	`"fill" \| "hug"`	`hug`
`variant?`	`"neutralSolid" \| "brandSolid"`	`neutralSolid`

`ChipTabsList`

Prop	Type	Default
`asChild?`	`boolean`	`false`

`ChipTabsTrigger`

Prop	Type	Default
`asChild?`	`boolean`	`false`
`disabled?`	`boolean`	-
`value?`	`string`	-

`ChipTabsCarousel`

Prop	Type	Default
`onSettle?`	`(() => void)`	-
`dragThreshold?`	`number`	-
`loop?`	`boolean`	-
`autoHeight?`	`boolean`	-
`swipeable?`	`boolean`	-

`ChipTabsContent`

Prop	Type	Default
`value?`	`string`	-
`asChild?`	`boolean`	`false`

Examples

Neutral Solid

content 1

Brand Solid

content 1

Stackflow

Woolston

content 1

Radio Select Box

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

Tabs

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.