MambaUI based Nodoku components

Currently, the set of Nodoku components based on MambaUI include the following elements:

MambaUI Hero One

Category Value
name mambaui/hero-one
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/hero-one/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/hero-one/default-theme.yml
client side components none

A hero component based on one of the Mamba UI hero blocks

Hero One Title

Hero One Sub-Title

Hero One first paragraph

Hero One second paragraph

Hero One third paragraph

MambaUI Hero Two

Category Value
name mambaui/hero-two
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/hero-two/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/hero-two/default-theme.yml
client side components none

A hero component based on one of the Mamba UI hero blocks

Hero Two Title

Hero Two Sub-Title

Hero Two first paragraph

Hero Two second paragraph

Hero Two third paragraph

MambaUI Hero Left-Text

Category Value
name mambaui/hero-left-text
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/hero-left-text/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/hero-left-text/default-theme.yml
client side components none

A hero component based on one of the Mamba UI hero blocks

Hero Left-Text Title

Hero Left-Text Sub-Title

Hero Left-Text first paragraph

Hero Left-Text second paragraph

Hero Left-Text third paragraph

step-1

MambaUI Hero Right-Text

Category Value
name mambaui/hero-right-text
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/hero-right-text/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/hero-right-text/default-theme.yml
client side components none

A hero component based on one of the Mamba UI hero blocks

business svg

Hero Right-Text Title

Hero Right-Text Sub-Title

Hero Right-Text first paragraph

Hero Right-Text second paragraph

Hero Right-Text third paragraph

MambaUI Footer Four

Category Value
name mambaui/footer-four
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/footer-four/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/footer-four/default-theme.yml
client side components none

A page footer component based on one of the Mamba UI footer blocks

This component accepts one content block, which is suppposed to have the following attributes

  • the H1 title element of the content block should have the predefined value " {Brand} "
  • the H2 sub-title element of the content block is interpreted as a company explanation/slogan, positioned underneath the company name
  • the image, found in the content block is interpreted as a company logo
  • the paragraph having the following form: {companyName} Company name
    • is used to indicate the company name
  • the paragraph having the following form: {copyrightNotice} copyright notice
    • is used to indicate the copyright notice that should be shown
  • the list found in the content block, with sublists, designates the links of the footer

MambaUI Card

Category Value
name mambaui/card
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/card/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/card/default-theme.yml
client side components none

A hero component based on one of the Mamba UI hero blocks

card-1

Card 1 Title

Card 1 Sub-Title

Card 1 first paragraph

Card 1 second paragraph

Card 1 third paragraph

card-2

Card 2 Title

Card 2 Sub-Title

Card 2 first paragraph

Card 2 second paragraph

Card 2 third paragraph

card-3

Card 3 Title

Card 3 Sub-Title

Card 3 first paragraph

Card 3 second paragraph

Card 3 third paragraph

MambaUI FAQ

Category Value
name mambaui/faq-header
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/mambaui/faq-header/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/mambaui/faq-header/default-theme.yml
client side components none
Category Value
name mambaui/faq-one-question
number of consumable content blocks 1
schema file location schemas/nodoku-mambaui/schemas/components/mambaui/faq-one-question/visual-schema.json
default theme file location schemas/nodoku-mambaui/schemas/components/mambaui/faq-one-question/default-theme.yml
client side components none

The Frequently Asked Questions (FAQ) components allow presenting a information in a form question - answer.

It consists of two parts:

  • mambaui/faq-header : the component presenting the header of the FAQ section
    • the H1 title of the content block is shown as title of the section
    • the H2 sub-title of the content block is shown as a sub-title of the section
  • mambaui/faq-one-question : this component presents exactly one content block
    • the H1 title of the content block is shown as the question
    • the rest of the content of the content block is shown as the answer

The row presenting the FAQ questions should have its parameter maxCols set to 1, to force only one column of questions.

  - row:
      maxCols: 1
      components:
        - mambaui/faq-one-question:
            selector:
              attributes:
                sectionName: faq

Title of the questions section

Frequently Asked Questions

Is it possible to present FAQ section with Nodoku ?

Yes, definitely.

To do this use the components:

  • mambaui/faq-header
  • mambaui/faq-one-question
How many questions can be shown in the FAQ section ?

Unlimited number of questions can be shown, with just one definition of mambaui/faq-one-question component in the Yaml skin file.

Since each question can accept only one content block, Nodoku will automatically instantiate this component for each content block, found in the designated section.

The maxCols: 1 parameter on the row will prevent creating several columns for FAQ questions.

Attributions

This site uses the following components from third party creative contributions: