SwaggerHub Button

Overview

This component is a button themed with SwaggerHub's color palette. It should be used for external links for their websites.

Details

Criteria	Component Meets Criteria
Has hover styles	Yes
Has light and dark mode	Yes
Has brand theming	No

Component Props

Prop Name	Type	Description
redirectURL	string	Redirect to this URL on click
mainText	string	Main text on the button
subText	string	Accompanying text on the button
colorScheme	string	Color scheme choice for logo outline

Example Code

import SwaggerHubButton from '@site/src/elements/SwaggerHubButton';

<div style={{ marginBottom: '30px' }}>
	<SwaggerHubButton
		mainText={'Swagger Endpoint'}
		subText={'DELETE'}
		redirectURL={'/'}
		colorScheme={'delete'}
	/>
</div>