Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ag.ds-next/core

Package Overview
Dependencies
Maintainers
2
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ag.ds-next/core - npm Package Compare versions

Comparing version 2.1.2 to 2.1.3

6

CHANGELOG.md
# @ag.ds-next/core
## 2.1.3
### Patch Changes
- e8ea2abe: Updated documentation
## 2.1.2

@@ -4,0 +10,0 @@

2

package.json
{
"name": "@ag.ds-next/core",
"version": "2.1.2",
"version": "2.1.3",
"main": "dist/ag.ds-next-core.cjs.js",

@@ -5,0 +5,0 @@ "module": "dist/ag.ds-next-core.esm.js",

@@ -9,14 +9,34 @@ ---

It accepts a `theme` prop that enables overwriting of the default theme.
### Theming
The `Core` component accepts a `theme` prop that enables overwriting of the default theme.
```jsx
import { Core } from '@ag.ds-next/core';
export const App = () => (
<Core theme={theme} linkComponent={LinkComponent}>
<MyApplication />
</Core>
);
export default function MyApp({ Component, pageProps }) {
return (
<Core theme={theme}>
<Component {...pageProps} />
</Core>
);
}
```
### Routing / Linking
Our component library has been designed to work with any react routing library. For an example of configuring routing/links in AgDS for a Next.js application, please see [our example site](https://github.com/steelthreads/agds-next/tree/main/example-site/components/LinkComponent.tsx).
```jsx
import { Core } from '@ag.ds-next/core';
export default function MyApp({ Component, pageProps }) {
return (
<Core theme={theme} linkComponent={LinkComponent}>
<Component {...pageProps} />
</Core>
);
}
```
## Design Tokens

@@ -23,0 +43,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc