Skip to content
W WRNexusJS
core component

Container

Reusable container component.

@wrnexus/ui 0.2.672 props1 slots0 events

Usage

Components are auto-discovered. Use the component directly in any .wrn view:

<Container
  size="default"
/>

Legacy mount name: data-component="Container".

Props and attributes

PropTypeRequirementDefault
sizestringOptional"default"
classNamestringOptional""

Slots

  • default

Events

This component does not declare a custom event.

Source contract

Installed source: components/Container.wrn

component Container {
  props {
    size = "default"
    className = ""
  }
  view {
        <div class="w-full {size === 'narrow' ? 'max-w-3xl' : size === 'wide' ? 'max-w-screen-2xl' : 'max-w-7xl'} {className}">
        <slot />
        </div>
    }
}