Buttons

All buttons in this page are instances of the generic button, implemented in /src/topcoder-react-ui-kit and wrapped into different style themes with help of react-css-super-themr.

Standard Buttons from TC UI Kit

Default Button

Link Button

Disabled Button

Extra-Small Link Button Small Link Button Medium Link Button (default)Large Link Button

Extra-Small Button

Small Button

Medium Button (default)

Large Button

Primary Button

Link Button

Disabled Button

Extra-Small Link Button Small Link Button Medium Link Button (default)Large Link Button

Extra-Small Button

Small Button

Medium Button (default)

Large Button

Secondary Button

Link Button

Disabled Button

Extra-Small Link Button Small Link Button Medium Link Button (default)Large Link Button

Extra-Small Button

Small Button

Medium Button (default)

Large Button

Danger Button

Link Button

Disabled Button

Extra-Small Link Button Small Link Button Medium Link Button (default)Large Link Button

Extra-Small Button

Small Button

Medium Button (default)

Large Button

Ghost Button

Link Button

Disabled Button

Extra-Small Link Button Small Link Button Medium Link Button (default)Large Link Button

Extra-Small Button

Small Button

Medium Button (default)

Large Button

Outline Buttons

Various styles of outline buttons, that are not a part of the official TC UI Kit, but they are used in some TC sub-communities, so we have them globally available to not re-invent a wheel, if we want a similar style elsewhere.