Components

Overview

HashDS consists of Intents, Tokens and Components. This page documents the latter.

Installation

yarn add @hashintel/ds-components @hashintel/ds-helpers

Usage

import { Button } from "@hashintel/ds-components/button";

export const Example = () => <Button variant="primary">Save</Button>;

Components

Browse the available components in the @hashintel/ds-components package.

• Button - trigger actions across forms, dialogs, and workflows
• Avatar - represent users or entities in dense interfaces
• Badge - highlight state, category, or status
• Checkbox - independent toggles and multi-select groups
• Radio Group - single-choice selector for mutually exclusive options
• Segmented Control - compact mode switching
• Slider - drag-based numeric input for range selection
• Switch - instant on/off control for a single preference