Security News
How Threat Actors are Abusing GitHub’s File Upload Feature to Host Malware
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
By Sarah Gooding - Apr 23, 2024
@mui/base
Advanced tools
- Version published
- Weekly downloads
- 4.5M
- increased by1.9%
- Maintainers
- 10
- Install size
- 6.18 MB
- Created
- Weekly downloads
Package description
What is @mui/base?
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.
What are @mui/base's main functionalities?
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} />;
}Other packages similar to @mui/base
react-bootstrap
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
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
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.
Readme
Base UI
Base UI is a library of headless ("unstyled") React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
Installation
Install the package in your project directory with:
npm install @mui/base
Documentation
Visit https://mui.com/base-ui/ to view the full documentation.
Questions
For how-to questions that don't involve making changes to the code base, please use Stack Overflow instead of GitHub issues. Use the "base-ui" tag on Stack Overflow to make it easier for the community to find your question.
Examples
Our documentation features a collection of example projects using Base UI.
Contributing
Read the contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
Contributing to Base UI is about more than just issues and pull requests! There are many other ways to support Base UI beyond contributing to the code base.
Changelog
The changelog is regularly updated to reflect what's changed in each new release.
Roadmap
Future plans and high-priority features and enhancements can be found in the roadmap.
License
This project is licensed under the terms of the MIT license.
Security
For details of supported versions and contact details for reporting security issues, please refer to the security policy.
FAQs
Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
The npm package @mui/base receives a total of 3,650,765 weekly downloads. As such, @mui/base popularity was classified as popular.
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.
Last updated on 19 Mar 2024
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.
Related posts
Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
By Sarah Gooding - Apr 19, 2024
Research
Security News
npm Package for ReExt React Components Library Exfiltrates Git Credentials
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
By Sarah Gooding, Socket Research Team - Apr 18, 2024