Components / Core / Click — Carla Design System

Main navigation
Intro
OverviewGetting StartedConfiguration
Design Language
ValuesPrinciplesColorsTypographyIconsIllustrations
Guides
StylingThemingLayout
Components
Core
ClickElIconButtonLabelText
Layout
BoxGridSpacer
Actions
ActionButtonActionLinkFloatingActionButton
Forms
CheckboxCheckboxCardFileInputNumberInputRadioRadioCardRadioGroupSelectInputSliderSmallCardSortingSelectorTextAreaTextInput
Disclosure
AccordionCarouselModalOverlayVisuallyHidden
Data Display
BadgeCardInfoMessageTag
Feedback
LoadingLoadingBar
Media
LogoIconsIllustrations
Components / Core / Click
ClickClick is a low-level component for any clickable element that receives either a 
onClick
event or a href.
API ReferenceNo API reference available.
Examples
Dark Mode
Open in Playroom
<Box space={2}>
  <Click onClick={() => alert('Clicked')}>Click me</Click>
  <Click href="/test">Click me</Click>
</Box>
Disabled
Dark Mode
Open in Playroom
<Box space={2}>
  <Click disabled onClick={() => alert('Clicked')}>
    Click me
  </Click>
  <Click disabled href="/test">
    Click me
  </Click>
</Box>
Table of Contents
API Reference
Examples
Disabled