navody-digital-frontend/govuk/components/tabs/macro-options.json

Navody.Digital Frontend contains the code you need to start building a user interface for navody.digital

[
    {
        "name": "id",
        "type": "string",
        "required": false,
        "description": "This is used for the main component and to compose id attribute for each item."
    },
    {
        "name": "idPrefix",
        "type": "string",
        "required": false,
        "description": "String to prefix id for each tab item if no id is specified on each item"
    },
    {
        "name": "title",
        "type": "string",
        "required": false,
        "description": "Title for the tabs table of contents"
    },
    {
        "name": "items",
        "type": "array",
        "required": true,
        "description": "Array of tab items.",
        "params": [
            {
                "name": "id",
                "type": "string",
                "required": true,
                "description": "Specific id attribute for the tab item. If omitted, then `idPrefix` string is required instead."
            },
            {
                "name": "label",
                "type": "string",
                "required": true,
                "description": "The text label of a tab item."
            },
            {
                "name": "attributes",
                "type": "object",
                "required": false,
                "description": "HTML attributes (for example data attributes) to add to the tab."
            },
            {
                "name": "panel",
                "description": "Content for the panel",
                "type": "object",
                "required": true,
                "params": [
                    {
                        "name": "text",
                        "type": "string",
                        "required": true,
                        "description": "If `html` is set, this is not required. Text to use within each tab panel. If `html` is provided, the `text` argument will be ignored."
                    },
                    {
                        "name": "html",
                        "type": "string",
                        "required": true,
                        "description": "If `text` is set, this is not required. HTML to use within the each tab panel. If `html` is provided, the `text` argument will be ignored."
                    },
                    {
                        "name": "attributes",
                        "type": "object",
                        "required": false,
                        "description": "HTML attributes (for example data attributes) to add to the tab panel."
                    }
                ]
            }
        ]
    },
    {
        "name": "classes",
        "type": "string",
        "required": false,
        "description": "Classes to add to the tabs component."
    },
    {
        "name": "attributes",
        "type": "object",
        "required": false,
        "description": "HTML attributes (for example data attributes) to add to the tabs component."
    }
]