Button

Explore the various button styles and states available in StarCluster UI.

Button Variants

					<ScButton variant='primary' size='medium'>Primary</ScButton>
					<ScButton variant='neutral' size='medium'>Neutral</ScButton>
					<ScButton variant='success' size='medium'>Success</ScButton>
				  <ScButton variant='danger' size='medium'>Danger</ScButton>

Button Sizes

					<ScButton variant='primary' size='small'>Small</ScButton>
					<ScButton variant='primary' size='medium'>Medium</ScButton>
					<ScButton variant='primary' size='large'>Large</ScButton>

Elevated Buttons

					<ScButton variant='primary' size='medium' elevated>Primary</ScButton>
					<ScButton variant='neutral' size='medium' elevated>Neutral</ScButton>
					<ScButton variant='success' size='medium' elevated>Success</ScButton>
					<ScButton variant='danger' size='medium' elevated>Danger</ScButton>

Outlined Buttons

					<ScButton variant='primary' size='medium' outline>Primary</ScButton>
					<ScButton variant='neutral' size='medium' outline>Neutral</ScButton>
					<ScButton variant='success' size='medium' outline>Success</ScButton>
					<ScButton variant='danger' size='medium' outline>Danger</ScButton>

Bloated Buttons

					<ScButton variant='primary' size='medium' bloated>Primary</ScButton>
					<ScButton variant='neutral' size='medium' bloated>Neutral</ScButton>
					<ScButton variant='success' size='medium' bloated>Success</ScButton>
					<ScButton variant='danger' size='medium' bloated>Danger</ScButton>

Pill Buttons

					<ScButton variant='primary' size='medium' pill>Primary</ScButton>
					<ScButton variant='neutral' size='medium' pill>Neutral</ScButton>
					<ScButton variant='success' size='medium' pill>Success</ScButton>
					<ScButton variant='danger' size='medium' pill>Danger</ScButton>

Disabled Buttons

					<ScButton variant='primary' size='medium' disabled>Neutral</ScButton>
					<ScButton variant='primary' size='medium' pill disabled>Neutral</ScButton>
					<ScButton variant='primary' size='medium' outline disabled>Neutral</ScButton>
					<ScButton variant='primary' size='medium' outline pill disabled>Neutral</ScButton>