BannerBlock() — supabase Function Reference

Architecture documentation for the BannerBlock() function in Component.tsx from the supabase codebase.

Function tsx CmsFrontend Metadata calls 1

Entity Profile

CmsFrontend→ Metadata→ BannerBlock() — supabase Function Reference

Dependency Diagram

graph TD
  b2568520_0cc4_0231_2087_5a18c8710238["BannerBlock()"]
  6215f5f8_959b_0d27_9c02_ce5f395aab88["cn()"]
  b2568520_0cc4_0231_2087_5a18c8710238 -->|calls| 6215f5f8_959b_0d27_9c02_ce5f395aab88
  style b2568520_0cc4_0231_2087_5a18c8710238 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/cms/src/blocks/Banner/Component.tsx lines 11–26

export const BannerBlock: React.FC<Props> = ({ className, content, style }) => {
  return (
    <div className={cn('mx-auto my-8 w-full', className)}>
      <div
        className={cn('border py-3 px-6 flex items-center rounded', {
          'border-border bg-card': style === 'info',
          'border-error bg-error/30': style === 'error',
          'border-success bg-success/30': style === 'success',
          'border-warning bg-warning/30': style === 'warning',
        })}
      >
        <RichText data={content} enableGutter={false} enableProse={false} />
      </div>
    </div>
  )
}