StrataSection — strata-section

PREVIEW

STRATA

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { StrataSection } from '@oalacea/chaosui/layout/strata-section';

<StrataSection
  depth={450}
  color="#8b8680"
  pattern="lines"
  title="CRETACEOUS"
  description="Ancient seabed layer"
  stats={[
    { label: 'Age', value: '145M years' },
    { label: 'Depth', value: '450m' }
  ]}
/>

PROPS

PropTypeDefault

depthDepth in meters

number-

colorBackground color

string-

patternPattern overlay

textColorText color

string-

titleSection title

string-

descriptionSection description

string-

statsStats to display

Array<{label: string, value: string | number}>[]

positionContent position

"left" | "center" | "right""left"