remember-class
v1.0.6
Published
<p style="font-size: 16px"> Uma biblioteca simples para o uso de de classes no CSS, a criação dessa biblioteca veio pela minha necessidade de fazer junções de classes no TailwindCSS, mas eu optei por colocar outros método que podem facilitar para outros
Downloads
3
Readme
Remember-class
Instalação
npm install remember-class
ou
yarn add remember-class
ou
pnpm add remember-class
Utilização
import { join } from 'remember-class'
join('bg-red-500', 'text-white', 'p-4', 'rounded-md')
join('foo', { bar: true }) => 'foo bar'
join('foo', 'bar') => 'foo bar'
join({ 'foo-bar': true }) => 'foo-bar'
join({ 'foo-bar': false }) => ''
join({ foo: true }, { bar: true }) => 'foo bar'
join({ foo: true, bar: true }) => 'foo bar'
join('foo', { bar: true, duck: false }, 'baz', { quux: true }) => 'foo bar baz quux'
Métodos disponíveis
haveRepeatedClasses
import { haveRepeatedClasses } from 'remember-class'
haveRepeatedClasses('bg-red-500', 'text-white', 'p-4', 'rounded-md') => false
haveRepeatedClasses('foo foo') => true
haveRepeatedClasses('foo bar') => false
haveRepeatedClasses('foo foo bar') => true
haveRepeatedClasses('foo bar foo') => true
has
import { has } from 'remember-class'
has('bg-red-500', ["text-gray-200, border"]) => false
has('foo', 'foo') => true
has('foo', 'bar') => false
has('foo bar', 'bar') => true
has('foo bar', 'baz') => false
has('foo bar', ['bar', 'baz']) => true
has('foo bar', ['baz', 'qux']) => false
Contribuir:
- Faça um fork do projeto
- Crie uma branch para sua feature (
git checkout -b feature/minha-feature
) - Faça suas alterações
- Faça o commit das suas alterações (
git commit -m 'Add some things'
) - Faça o push para a branch (
git push origin feature/minha-feature
) - Abra um pull request
Nota
Se você gostou da biblioteca, por favor, deixe uma estrela
Se você quiser contribuir com a biblioteca, por favor, leia a seção de contribuição