Clarity Core Web Components

Clarity Core is a suite of Web Components for Clarity Design System.

Quick Start Install

1. First, install the Clarity Core package from npm.

``bash
npm install @clr/core --save
`

2. Import desired Web Component into your JavaScript or TypeScript

`typescript
import '@clr/core/modal/register.js';
`

Full installation steps can be found in the Core Getting Started Guide.

Usage

$3

`html



slot content




`

$3

`html





slot content



`

$3

`html





slot content



`

$3

`jsx
/*
- size unlike the examples above size is set as a property
- closable is setting a property on the element
- onCloseChange is listening for the closeChange custom event
*/



slot content



``