https://github.com/alexfigliolia/classnames

A basic css classname compiler for DOM elements
https://github.com/alexfigliolia/classnames

classnames css react

Last synced: about 2 months ago
JSON representation

A basic css classname compiler for DOM elements

• Host: GitHub
• URL: https://github.com/alexfigliolia/classnames
• Owner: alexfigliolia
• Created: 2024-08-01T16:31:34.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-02T17:39:18.000Z (10 months ago)
• Last Synced: 2025-03-13T13:18:51.460Z (2 months ago)
• Topics: classnames, css, react
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/@figliolia/classnames
• Size: 84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Class Names

A basic compiler for CSS classes 

## Installation

```bash

npm i @figliolia/classnames

# or

yarn add @figliolia/classnames

```

### Basic Usage

```typescript

import { classnames } from "@figliolia/classnames";

const classes = classnames("ui-component", { active: true, hidden: false, focused: false });

// "ui-component active focused"

```

### Usage With React

```tsx

import { useClassNames } from "@figliolia/classnames";

export const UIComponent = (props: { 

  active: boolean, 

  hidden: boolean,

  focused: boolean, 

}) => {

  // only recomputes on prop-changes

  const classNames = useClassNames("ui-component", props);

  return (

    


      {/* Other Markup */}

    

  );

}

```