Live component development with hot reload

@fieldflow360/org-ui

Active tab
buttons

Button Variants

Button variants

<Button title="Default" />
<Button title="Ghost" variant={ButtonVariantEnum.GHOST} />
<Button title="Danger" variant={ButtonVariantEnum.DANGER} />
<Button title="Accent" variant={ButtonVariantEnum.ACCENT} />

Button Sizes

Button sizes

<Button title="Small" size={ComponentSizeEnum.SM} />
<Button title="Medium" />
<Button title="Large" size={ComponentSizeEnum.LG} />

Buttons with Icons

Button with icons

<Button title="Left Icon" leftIcon={<PlusIcon />} />
<Button title="Right Icon" rightIcon={<ArrowRightIcon />} />
<Button iconOnly aria-label="Search" variant={ButtonVariantEnum.GHOST} leftIcon={<SearchIcon />} />

Button States

Button states

<Button title="Loading" loading />
<Button title="Disabled" disabled />
<Button title="Full Width" fullWidth />

Interactive Counter

Interactive button

<Button
  title="Increment Counter"
  loading={loading}
  onClick={handleClick}
/>
0