Skip to content
Nucleus Docs

Column

<ns-column>
Overview Guidance Implementation

Overview

Brings flexibility and control to responsive layouts.

Examples

Configure

Guidance

Implementation

Placement

The ns-column component can be used in the following components:

  • <ns-panel>
  • <ns-tabs>
  • <ns-inputter>

Specification

Attributes

basketball-court

Property
basketballcourt
Description
Number of columns for basketball court viewport.
Type
1 2
Default

hockey-pitch

Property
hockeypitch
Description
Number of columns for hockey pitch viewport.
Type
1 2 3 1:2 2:1
Default

football-pitch

Property
footballpitch
Description
Number of columns for football pitch viewport.
Type
1 2 3 4 1:2 2:1 1:3 3:1
Default

rugby-pitch

Property
rugbypitch
Description
Number of columns for rugby pitch viewport.
Type
1 2 3 4 1:2 2:1 1:3 3:1
Default

polo-field

Property
polofield
Description
Number of columns for polo field viewport.
Type
1 2 3 4 1:2 2:1 1:3 3:1
Default

type

Property
type
Type
string
Default
standard

Slots

SlotPermitted tagsDescription
Anonymous slotAnonymous slot for content.

This page covers most of the ways you can use ns-column. Please reach out to us if you are unsure about a potential use. Here are some useful links to related content: