
Research
Security News
The Landscape of Malicious Open Source Packages: 2025 MidโYear Threat Report
A look at the top trends in how threat actors are weaponizing open source packages to deliver malware and persist across the software supply chain.
A React ecosystem library for building back-office platforms like DD360.
It's library created by developers for developers
npm install dd360-ds
or
yarn add dd360-ds
If you want to use a provider to configure the library's theme, you can do so using the ThemeProvider provided by dd360-ds. This will allow you to set your own settings for the theme.
To use the ThemeProvider, you must import it as follows:
import { createTheme, ThemeProvider } from "dd360-ds/theme";
You can then create your own theme configuration using the createTheme function, which accepts an object with different properties to customize the theme. For example, you can define the primary and secondary colors as shown below:
const theme = createTheme({
palette: {
primary: {
main: "purple"
},
secondary: {
main: "#FFC107"
}
}
});
After creating your theme configuration, you can use the ThemeProvider to wrap your React app. This can be done as follows:
ReactDOM.createRoot(document.getElementById("root")).render(
<StrictMode>
<ThemeProvider theme={theme}>
<App />
</ThemeProvider>
</StrictMode>
);
Within the ThemeProvider, you can use the components provided by dd360-ds and the corresponding styles will be applied based on your theme settings.
Remember that to use the ThemeProvider, you must import both the createTheme component and the ThemeProvider component from dd360-ds/theme.
After Installation, you will have to make some extra configurations for everything to work normally.
Import stylesheets into the App.js
or App.tsx
import 'dd360-ds/dd360.css'
โ ๏ธ Warning: If you want to combine it with other styles, be sure to import our css as the last one.
How to import components?
import { Button } from 'dd360-ds'
This is the most fun part. Below we will explain the use of the components we are currently developing.
You can checking and contribute to the docs website here
FAQs
DD360 Components is a tailwind based React component library
The npm package dd360-ds receives a total of 375 weekly downloads. As such, dd360-ds popularity was classified as not popular.
We found that dd360-ds demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago.ย It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
A look at the top trends in how threat actors are weaponizing open source packages to deliver malware and persist across the software supply chain.
Security News
ESLint now supports HTML linting with 48 new rules, expanding its language plugin system to cover more of the modern web development stack.
Security News
CISA is discontinuing official RSS support for KEV and cybersecurity alerts, shifting updates to email and social media, disrupting automation workflows.