Button.mdx

import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs'; import { Header } from '../shared'; import Button from '../../components/Button'; import { Default, FullWidth, Centered, WithSkin, Disabled, WithSize, WithIcon } from './Button.stories.jsx';

import EvaluationForm from '../../stories/shared/EvaluationForm'

Buttons express the action that will occur when the user clicks or touches it. Buttons are used to start an action, either in the background or foreground of an experience.

• Importing and usage
• API
• Examples

Importing and usage

import Button from '@catho/quantum/Button';

API

Examples

Full width

Centered

Disabled

With skin

With size

With Icon

The full catalogue of icons can be found here