Las component classes combinan dos o más elementos básicos en unidades con mayor significado visual e interactivo que las partes que las componen.

Las elementos con clases constituyentes conforman componentes. Los componentes están formadas por un elemento principal y múltiples secundarios.

Ejemplo: una tarjeta de artículo de blog, un formulario de subscripción.

Nomenclatura

| Component class principal:

Component classes incluidas en The System

Dado que los componentes son exclusivos para cada proyecto, The System template no incluye clases constituyentes. Sí incluye un componente Card de ejemplo para ilustrar cómo se utilizan estas clases en The System.

Sólo hay un clase constituyente creada en The System y corresponde con el único componente que viene por defecto en Webflow, el Rich Text. La clase obtiene el mismo nombre Rich Text.

Structural classes

Index

• The System
  1. Clasificación de clases
     1. Clases básicas
     2. Clases constituyentes
     3. Clases estructurales
        1. Custom
        2. Page
        3. Section
        4. Container
        5. Grid
     4. Clases funcionales
        1. Vertical
        2. Horizontal
        3. Padding
        4. Heading
        5. Color
        6. Font Size
        7. Family
        8. Bg
        9. Line Height
        10. Align
        11. Position
        12. Display
        13. Ratio
        14. Font Styles
  2. Combinación de clases
     1. Combo-classes
     2. Muti-classes
  3. Escalas fundamentales
     1. Escala fundamental de titulares
     2. Escala fundamental de titulares en el Rich Text
     3. Escala fundamental de cuerpo de texto
     4. Escala fundamental de espaciado
  4. Grid
  5. Gap