Frame layout

Layouting behavior of grid items in some of Supernova documentation blocks.

Available from: 2.0.0

Import


                                                        
                                                        
                                                            import { FrameLayout } from "@supernovaio/sdk"
                                                        
                                                            

Cases

The following enumeration cases are available:

  • c8: Represents a layout with 8 columns, each column being 1/8th of the width.
  • c7: Represents a layout with 7 columns, each column being a proportional width.
  • c6: Represents a layout with 6 columns, each column being a proportional width.
  • c5: Represents a layout with 5 columns, each column being a proportional width.
  • c4: Represents a layout with 4 columns, each column being a proportional width.
  • c3: Represents a layout with 3 columns, each column being a proportional width.
  • c2: Represents a layout with 2 columns, each column being a proportional width.
  • c1: Represents a layout with 1 column, taking the full width.
  • c175: Represents a layout with 1 column and 75% of the width, which is an exception to the proportional width.

Formal definition


                                                        
                                                        
                                                            enum FrameLayout {
                                                          c8 = "C8",
                                                          c7 = "C7",
                                                          c6 = "C6",
                                                          c5 = "C5",
                                                          c4 = "C4",
                                                          c3 = "C3",
                                                          c2 = "C2",
                                                          c1 = "C1",
                                                          c175 = "C1_75",
                                                        }