Installation

Steps

Install the package
- NPM
- PNPM
- Yarn
Terminal window
npm install @semantic-ui/core
Terminal window
pnpm install @semantic-ui/core
Terminal window
yarn add @semantic-ui/core
Import Global CSS Tokens
```
import '@semantic-ui/core/css';
```
Import Components

Option 1 - Import the components you would like to use.
```
import { Button } from '@semantic-ui/core';
```
Option 2 - Import the entire framework to access every component.
```
import '@semantic-ui/core';
```
Use UI Components
```
<ui-button primary>Click me</ui-button>
```

Import Global CSS Tokens from CDN

<link href="https://cdn.semantic-ui.com/@semantic-ui/core/0.17.0/dist/semantic-ui.css">

Import the UI Components from CDN

Option 1 - Import the components you would like to use.

<script src="https://cdn.semantic-ui.com/@semantic-ui/core/0.17.0/dist/cdn/button.js"></script>

Option 2 - Import the entire framework to access every component.

<script src="https://cdn.semantic-ui.com/@semantic-ui/core/0.17.0/dist/cdn/semantic-ui.js"></script>