Button from the kickstartDS Design System

button

@kickstartds/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

Ciaran

portfolio

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

github-pr-overview

@alfie/github-pr-overview

quote

@jmackie/quote

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);
  };
}

code

@hash/code

Break up content on a page with horizontal dividing lines

divider

@hash/divider

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

image

@hash/image

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

Bain & Co.

Archibald Adams-Montgomery

person

@hash/person

Create a list and set it into a random order

shuffle

@hash/shuffle

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

table

@hash/table

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

video

@hash/video

emoji-trading-cards

@shinypb/emoji-trading-cards

Spreadsheet-like table for doing computation on entities

calculation

@thehabbos007/calculation

The Beta Launch

countdown

@timdiekmann/countdown

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

timer

@timdiekmann/timer

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

Button

Repository

Explore more blocks

Ready to build your own blocks?

Anyone can contribute