# betterdocs/4.9.5/react-src/gutenberg/blocks/doc-navigation/src/attributes.js

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.9.5. 52 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/gutenberg/blocks/doc-navigation/src/attributes.js
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/gutenberg/blocks/doc-navigation/src/attributes.js
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/gutenberg/blocks/doc-navigation/src/attributes.js#L10-L20`.

```javascript
import { __ } from '@wordpress/i18n';

import { generateTypographyAttributes, generateResponsiveRangeAttributes, generateDimensionsAttributes, generateBorderShadowAttributes } from '../../../util/helpers';
import * as prefixes from './typographyPrefixConstants';
import { NAVIGATION_ARROW_SIZE, NAVIGATION_BOX_PADDING, NAVIGATION_BOX_MARGIN, NAVIGATION_BOX_BORDER, NAVIGATION_ARROW_PADDING, NAVIGATION_ARROW_MARGIN } from './constants';

const attributes =  {
	// the following 4 attributes is must required for responsive options and asset generation for frontend
    // responsive control attributes ⬇
    resOption: {
        type: 'string',
        default: 'Desktop',
    },
    // blockId attribute for making unique className and other uniqueness ⬇
    blockId: {
        type: 'string',
    },
    blockRoot: {
        type: 'string',
        default: 'better_docs',
    },
    // blockMeta is for keeping all the styles ⬇
    blockMeta: {
        type: 'object',
    },
	navigation_text_color:{
		type:'string',
		default:'#3f5876'
	},
	navigation_text_hover_color:{
		type:'string',
		default:'#3f5876'
	},
    navigation_box_color:{
		type:"string",
		default:'#FFFFFF00'
	},
	...generateTypographyAttributes(Object.values(prefixes)),
	...generateResponsiveRangeAttributes(NAVIGATION_ARROW_SIZE),
    ...generateDimensionsAttributes(NAVIGATION_BOX_PADDING),
	...generateDimensionsAttributes(NAVIGATION_BOX_MARGIN),
	...generateBorderShadowAttributes(NAVIGATION_BOX_BORDER),
	...generateDimensionsAttributes(NAVIGATION_ARROW_PADDING),
	...generateDimensionsAttributes(NAVIGATION_ARROW_MARGIN),
	navigation_arrow_color:{
		type:'string',
		default:'#5edf8e'
	}
}

export default attributes;

```