Button from the kickstartDS Design System

@kickstartds/block-button

Choose a size between small, medium and large

Component to display links and call-to-actions

Add additional css classes that should be applied to the button

Overwrite the data-component to use for rendering

Set the disabled attribute for the button

Write monospaced code with syntax highlighting in a range of programming and markup languages

function debounce(func, timeout = 300){
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => { func.apply(this, args); }, timeout);
  };
}

@hashintel/block-code

Break up content on a page with horizontal dividing lines

@hashintel/block-divider

Embed JPG, GIF, and PNG images by URL or file upload and add an optional caption

@hashintel/block-image

Display information about a person, including their name, job title, email, website address, and an avatar

Bain & Co.

Archibald Adams-Montgomery

@hashintel/block-person

Create a list and set it into a random order

@hashintel/block-shuffle

Display and manipulate tabular data with filter, sort, and search features

@hashintel/block-table

Embed MP4 and WEBM videos by URL or file upload and add an optional caption

@hashintel/block-video

Display an overview of a GitHub Pull Request, including a timeline of key events

@hashintel/github-pr-overview

@jmackie/block-quote

emoji-trading-cards

Spreadsheet-like table for doing computation on entities

@hashintel/calculation

The Beta Launch

@hashintel/block-countdown

Set a countdown timer to remind you when a certain amount of time has elapsed

@hashintel/block-timer

Create a diagram, sketch an idea, or map a process

Button

Repository

Explore more blocks