@hubspot/cms-component-library 0.1.0-beta.0 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/componentLibrary/Button/llm.txt +3 -1
- package/components/componentLibrary/Card/llm.txt +3 -1
- package/components/componentLibrary/Divider/llm.txt +3 -1
- package/components/componentLibrary/Flex/llm.txt +3 -1
- package/components/componentLibrary/Grid/llm.txt +1 -4
- package/components/componentLibrary/Heading/llm.txt +3 -1
- package/components/componentLibrary/Icon/llm.txt +3 -1
- package/components/componentLibrary/Image/llm.txt +3 -1
- package/components/componentLibrary/Link/llm.txt +3 -1
- package/package.json +1 -1
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
A polymorphic button component that can render as either a native `<button>` element for interactive actions or an `<a>` element for navigation, with full TypeScript type safety through discriminated unions.
|
|
4
4
|
|
|
5
5
|
## Import path
|
|
6
|
-
|
|
6
|
+
```tsx
|
|
7
|
+
import Button from '@hubspot/cms-component-library/Button';
|
|
8
|
+
```
|
|
7
9
|
|
|
8
10
|
## Purpose
|
|
9
11
|
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
A flexible, polymorphic container component that provides a consistent visual structure for grouping related content with customizable variants and styling.
|
|
4
4
|
|
|
5
5
|
## Import path
|
|
6
|
-
|
|
6
|
+
```tsx
|
|
7
|
+
import Card from '@hubspot/cms-component-library/Card';
|
|
8
|
+
```
|
|
7
9
|
|
|
8
10
|
## Purpose
|
|
9
11
|
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
A visual separator component that can be oriented horizontally or vertically to divide content sections. Creates semantic separation using native HTML elements with customizable styling.
|
|
4
4
|
|
|
5
5
|
## Import path
|
|
6
|
-
|
|
6
|
+
```tsx
|
|
7
|
+
import Divider from '@hubspot/cms-component-library/Divider';
|
|
8
|
+
```
|
|
7
9
|
|
|
8
10
|
## Purpose
|
|
9
11
|
|
|
@@ -2,11 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
A layout container component that implements the CSS Grid API for creating structured, two-dimensional layouts. Works with GridItem children for precise grid placement control.
|
|
4
4
|
|
|
5
|
-
## Import
|
|
5
|
+
## Import path
|
|
6
6
|
```tsx
|
|
7
|
-
import Grid from '@hubspot/cms-component-library/Grid';
|
|
8
|
-
import { GridItem } from '@hubspot/cms-component-library/Grid';
|
|
9
|
-
// OR
|
|
10
7
|
import Grid, { GridItem } from '@hubspot/cms-component-library/Grid';
|
|
11
8
|
```
|
|
12
9
|
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
A semantic heading component that renders HTML heading elements (h1-h6) with flexible visual styling and alignment controls, allowing the semantic level to differ from the visual appearance.
|
|
4
4
|
|
|
5
5
|
## Import path
|
|
6
|
-
|
|
6
|
+
```tsx
|
|
7
|
+
import Heading from '@hubspot/cms-component-library/Heading';
|
|
8
|
+
```
|
|
7
9
|
|
|
8
10
|
## Purpose
|
|
9
11
|
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
A wrapper around the HubSpot CMS Icon component that provides flexible sizing, customizable colors via CSS variables, and accessibility options.
|
|
4
4
|
|
|
5
5
|
## Import path
|
|
6
|
-
|
|
6
|
+
```tsx
|
|
7
|
+
import Icon from '@hubspot/cms-component-library/Icon';
|
|
8
|
+
```
|
|
7
9
|
|
|
8
10
|
## Purpose
|
|
9
11
|
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
A semantic image component for displaying images with built-in responsive behavior, lazy loading, and accessibility features.
|
|
4
4
|
|
|
5
5
|
## Import path
|
|
6
|
-
|
|
6
|
+
```tsx
|
|
7
|
+
import Image from '@hubspot/cms-component-library/Image';
|
|
8
|
+
```
|
|
7
9
|
|
|
8
10
|
## Purpose
|
|
9
11
|
|
|
@@ -3,7 +3,9 @@
|
|
|
3
3
|
A simple, semantic link component for wrapping content (text, icons, images) with clickable links. Designed for minimal visual styling while maintaining accessibility and flexibility.
|
|
4
4
|
|
|
5
5
|
## Import path
|
|
6
|
-
|
|
6
|
+
```tsx
|
|
7
|
+
import Link from '@hubspot/cms-component-library/Link';
|
|
8
|
+
```
|
|
7
9
|
|
|
8
10
|
## Purpose
|
|
9
11
|
|