CSS: tabs.panel ​

.panel — 탭의 콘텐츠 패널(InstUI Tabs.Panel).

사용법 ​

css
@import "@pantoken/components/components.css";
@import "@pantoken/components/tabs.panel.css";

상태 ​

상태설명
:state(hidden)—

사용된 토큰 ​

Token타입값
--instui-component-tabs-panel-background<color>#00000000
--instui-component-tabs-panel-border-color<color>LightDarklight-dark(#8D959F, #6A7883)
--instui-component-tabs-panel-border-width<length>0.0625rem
--instui-component-tabs-panel-font-family[ <font-family-name> | <generic-font-family> ]#Atkinson Hyperlegible Next, "Helvetica Neue", Helvetica, Arial, sans-serif
--instui-component-tabs-panel-font-size<length>1rem
--instui-component-tabs-panel-font-weight<integer>400
--instui-component-tabs-panel-line-height<percentage>150%
--instui-component-tabs-panel-text-color<color>LightDarklight-dark(#273540, #ffffff)
--instui-spacing-space-md<length>0.75rem
--instui-spacing-space-sm<length>0.5rem