{"repo":"segmentio/ui-box","free":true,"listed":false,"github":"https://github.com/segmentio/ui-box","clone":"git clone https://github.com/segmentio/ui-box.git","description":"Blazing Fast React UI Primitive","language":"TypeScript","stars":1064,"topics":["react","css-in-js","ui-components","component","react-component"],"license":"MIT","category":"ui-components","readme_excerpt":"📦 ui-box is a low level CSS-in-JS solution that focuses on being simple, fast and extensible. All CSS properties are set using simple React props, which allows you to easily create reusable components that can be enhanced with additional CSS properties. This is very useful for adding things like margins to components, which would normally require adding non-reusable wrapper elements/classes. Install Usage The above example component renders a red, disabled with margins. API Box (default export) is Type: string or React component type Default: 'div' Lets you change the underlying element type. You can pass either a string to change the DOM element type, or a React component type to inherit another component. The component just needs to accept a className prop to work. A good example is inheriting the react-router Link component. E.g: clearfix Type: boolean Utility property for easily adding clearfix styles to the element. className Type: string The className prop you know and love. Internally it gets enhanced with additional class names for the CSS properties you specify. selectors Type: object This prop allows you to define selectors and custom styles to apply when the selector condition is met. This can be used to create richer element interactions, such as hover or focus states, without the use of another css-in-js library. CSS properties All of these CSS properties are supported. You can pass either a string or a number (which gets converted to a px value). The shorthand ","default_branch":null,"files":null,"tree":[],"storefront":"/r/segmentio","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/segmentio/ui-box/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}