Research
Security News
Malicious npm Package Typosquats react-login-page to Deploy Keylogger
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
@mui/base
Advanced tools
Package description
The @mui/base package is a collection of foundational components and utilities that are meant to be used as the building blocks for creating more complex Material-UI components. It provides low-level components with minimal styling that can be extended and customized for various use cases.
Unstyled components
Provides unstyled versions of Material-UI components that can be used as a starting point for custom styling.
import { SliderUnstyled } from '@mui/base';
function MySlider() {
return <SliderUnstyled defaultValue={30} />;
}
Hooks
Offers a set of hooks for managing component state and behavior, such as button states and focus management.
import { useButton } from '@mui/base/ButtonUnstyled';
function MyButton(props) {
const { active, focusVisible, setFocusVisible, getRootProps } = useButton(props);
return <button {...getRootProps()}>My Unstyled Button</button>;
}
Utilities
Includes utilities for handling owner state, component slots, and other low-level concerns in component development.
import { appendOwnerState } from '@mui/base';
function MyComponent(props) {
const ownerState = { variant: 'contained' };
const newProps = appendOwnerState(MyComponent, props, ownerState);
return <div {...newProps} />;
}
React Bootstrap provides Bootstrap components built with React. It offers a set of accessible and reusable front-end components, which are more styled and opinionated compared to the minimalistic approach of @mui/base.
reactstrap is another library that offers easy-to-use Bootstrap 4 components for React apps. Similar to react-bootstrap, it provides more pre-styled components compared to the foundational nature of @mui/base.
Semantic UI React is the official React integration for Semantic UI. It's a complete set of components that are more feature-rich and come with Semantic's theming and styling, unlike the bare-bones approach of @mui/base.
Changelog
@mui/joy@5.0.0-beta.8
JoyDrawer
in theme components (#39074) @Studio384Readme
This package hosts unstyled React components and hooks that can be used for creating custom design systems.
Install the package in your project directory with:
// with npm
npm install @mui/base
// with yarn
yarn add @mui/base
FAQs
Unknown package
We found that @mui/base demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 10 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
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.
Security News
The JavaScript community has launched the e18e initiative to improve ecosystem performance by cleaning up dependency trees, speeding up critical parts of the ecosystem, and documenting lighter alternatives to established tools.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.