Swagger UI accepts configuration parameters in four locations.
From lowest to highest precedence:
- The
swagger-config.yaml
in the project root directory, if it exists, is baked into the application - configuration object passed as an argument to Swagger UI (
SwaggerUI({ ... })
) - configuration document fetched from a specified
configUrl
- configuration items passed as key/value pairs in the URL query string
Parameters with dots in their names are single strings used to organize subordinate parameters, and are not indicative of a nested structure.
For readability, parameters are grouped by category and sorted alphabetically.
Type notations are formatted like so:
String=""
means a String type with a default value of""
.String=["a"*, "b", "c", "d"]
means a String type that can bea
,b
,c
, ord
, with the*
indicating thata
is the default value.
Read more about the plugin system in the Customization documentation.
Parameter name | Docker variable | Description |
---|---|---|
deepLinking |
DEEP_LINKING |
Boolean=false . If set to true , enables deep linking for tags and operations. See the Deep Linking documentation for more information. |
displayOperationId |
DISPLAY_OPERATION_ID |
Boolean=false . Controls the display of operationId in operations list. The default is false . |
defaultModelsExpandDepth |
DEFAULT_MODELS_EXPAND_DEPTH |
Number=1 . The default expansion depth for models (set to -1 completely hide the models). |
defaultModelExpandDepth |
DEFAULT_MODEL_EXPAND_DEPTH |
Number=1 . The default expansion depth for the model on the model-example section. |
defaultModelRendering |
DEFAULT_MODEL_RENDERING |
String=["example"*, "model"] . Controls how the model is shown when the API is first rendered. (The user can always switch the rendering for a given model by clicking the 'Model' and 'Example Value' links.) |
displayRequestDuration |
DISPLAY_REQUEST_DURATION |
Boolean=false . Controls the display of the request duration (in milliseconds) for "Try it out" requests. |
docExpansion |
DOC_EXPANSION |
String=["list"*, "full", "none"] . Controls the default expansion setting for the operations and tags. It can be 'list' (expands only the tags), 'full' (expands the tags and operations) or 'none' (expands nothing). |
filter |
FILTER |
Boolean=false OR String . If set, enables filtering. The top bar will show an edit box that you can use to filter the tagged operations that are shown. Can be Boolean to enable or disable, or a string, in which case filtering will be enabled using that string as the filter expression. Filtering is case sensitive matching the filter expression anywhere inside the tag. |
maxDisplayedTags |
MAX_DISPLAYED_TAGS |
Number . If set, limits the number of tagged operations displayed to at most this many. The default is to show all operations. |
operationsSorter |
Unavailable | Function=(a => a) . Apply a sort to the operation list of each API. It can be 'alpha' (sort by paths alphanumerically), 'method' (sort by HTTP method) or a function (see Array.prototype.sort() to know how sort function works). Default is the order returned by the server unchanged. |
showExtensions |
SHOW_EXTENSIONS |
Boolean=false . Controls the display of vendor extension (x- ) fields and values for Operations, Parameters, and Schema. |
showCommonExtensions |
SHOW_COMMON_EXTENSIONS |
Boolean=false . Controls the display of extensions (pattern , maxLength , minLength , maximum , minimum ) fields and values for Parameters. |
tagsSorter |
Unavailable | Function=(a => a) . Apply a sort to the tag list of each API. It can be 'alpha' (sort by paths alphanumerically) or a function (see Array.prototype.sort() to learn how to write a sort function). Two tag name strings are passed to the sorter for each pass. Default is the order determined by Swagger UI. |
useUnsafeMarkdown |
USE_UNSAFE_MARKDOWN |
Boolean=false . When enabled, sanitizer will leave style , class and data-* attributes untouched on all HTML Elements declared inside markdown strings. This parameter is Deprecated and will be removed in 4.0.0 . |
onComplete |
Unavailable | Function=NOOP . Provides a mechanism to be notified when Swagger UI has finished rendering a newly provided definition. |
syntaxHighlight |
Unavailable | Set to false to deactivate syntax highlighting of payloads and cURL command, can be otherwise an object with the activate and theme properties. |
syntaxHighlight.activate |
Unavailable | Boolean=true . Whether syntax highlighting should be activated or not. |
syntaxHighlight.theme |
Unavailable | String=["agate"*, "arta", "monokai", "nord", "obsidian", "tomorrow-night"] . Highlight.js syntax coloring theme to use. (Only these 6 styles are available.) |
Parameter name | Docker variable | Description |
---|---|---|
oauth2RedirectUrl |
OAUTH2_REDIRECT_URL |
String . OAuth redirect URL. |
requestInterceptor |
Unavailable | Function=(a => a) . MUST be a function. Function to intercept remote definition, "Try it out", and OAuth 2.0 requests. Accepts one argument requestInterceptor(request) and must return the modified request, or a Promise that resolves to the modified request. |
responseInterceptor |
Unavailable | Function=(a => a) . MUST be a function. Function to intercept remote definition, "Try it out", and OAuth 2.0 responses. Accepts one argument responseInterceptor(response) and must return the modified response, or a Promise that resolves to the modified response. |
showMutatedRequest |
SHOW_MUTATED_REQUEST |
Boolean=true . If set to true , uses the mutated request returned from a requestInterceptor to produce the curl command in the UI, otherwise the request before the requestInterceptor was applied is used. |
supportedSubmitMethods |
SUPPORTED_SUBMIT_METHODS |
Array=["get", "put", "post", "delete", "options", "head", "patch", "trace"] . List of HTTP methods that have the "Try it out" feature enabled. An empty array disables "Try it out" for all operations. This does not filter the operations from the display. |
validatorUrl |
VALIDATOR_URL |
String="https://validator.swagger.io/validator" OR null . By default, Swagger UI attempts to validate specs against swagger.io's online validator. You can use this parameter to set a different validator URL, for example for locally deployed validators (Validator Badge). Setting it to either none , 127.0.0.1 or localhost will disable validation. |
withCredentials |
WITH_CREDENTIALS |
Boolean=false If set to true , enables passing credentials, as defined in the Fetch standard, in CORS requests that are sent by the browser. Note that Swagger UI cannot currently set cookies cross-domain (see swagger-js#1163) - as a result, you will have to rely on browser-supplied cookies (which this setting enables sending) that Swagger UI cannot control. |
💡 Take note! These are methods, not parameters.
Method name | Docker variable | Description |
---|---|---|
initOAuth |
See oauth2.md |
(configObj) => void . Provide Swagger UI with information about your OAuth server - see the OAuth 2.0 documentation for more information. |
preauthorizeBasic |
Unavailable | (authDefinitionKey, username, password) => action . Programmatically set values for a Basic authorization scheme. |
preauthorizeApiKey |
Unavailable | (authDefinitionKey, apiKeyValue) => action . Programmatically set values for an API key or Bearer authorization scheme. In case of OpenAPI 3.0 Bearer scheme, apiKeyValue must contain just the token itself without the Bearer prefix. |
If you're using the Docker image, you can also control most of these options with environment variables. Each parameter has its environment variable name noted, if available.
Below are the general guidelines for using the environment variable interface.
Set the value to whatever string you'd like, taking care to escape characters where necessary
Example:
FILTER="myFilterValue"
LAYOUT="BaseLayout"
Set the value to true
or false
.
Example:
DISPLAY_OPERATION_ID="true"
DEEP_LINKING="false"
Set the value to n
, where n is the number you'd like to provide.
Example:
DEFAULT_MODELS_EXPAND_DEPTH="5"
DEFAULT_MODEL_EXPAND_DEPTH="7"
Set the value to the literal array value you'd like, taking care to escape characters where necessary.
Example:
SUPPORTED_SUBMIT_METHODS="[\"get\", \"post\"]"
URLS="[ { url: \"http://petstore.swagger.io/v2/swagger.json\", name: \"Petstore\" } ]"
Set the value to the literal object value you'd like, taking care to escape characters where necessary.
Example:
SPEC="{ \"openapi\": \"3.0.0\" }"