Termwind
Termwind permite que você crie aplicativos de linha de comando PHP exclusivos e bonitos, usando a API Tailwind CSS . Resumindo, é como Tailwind CSS, mas para aplicativos de linha de comando PHP.
Requer PHP 8.0+
Exigir Termwind usando Composer:
composer require nunomaduro/termwind
use function Termwind { render }; // single line html... render ( 'Termwind' ); // multi-line html... render (<<<'HTML'HTML); // Laravel or Symfony console commands... class UsersCommand extends Command { public function handle () { render ( view ( ' users.index ' , [ ' users ' => User:: all () ]) ); } }TermwindGive your CLI apps a unique look
style()
A função style()
pode ser usada para adicionar estilos personalizados próprios e também atualizar cores.
use function Termwind { style }; style ( ' green-300 ' )-> color ( ' #bada55 ' ); style ( ' btn ' )-> apply ( ' p-4 bg-green-300 text-white ' ); render ( 'Click me' );
ask()
A função ask()
pode ser usada para fazer uma pergunta ao usuário.
use function Termwind { ask };
$ answer = ask ( <<
What is your name?
HTML );
O return
fornecido pelo método ask será a resposta fornecida pelo usuário.
terminal()
A função terminal()
retorna uma instância da classe Terminal, com os seguintes métodos:
->width()
: Retorna a largura total do terminal.->height()
: Retorna a altura total do terminal.->clear()
: Limpa a tela do terminal. Todas as classes suportadas usam exatamente a mesma lógica disponível em tailwindcss.com/docs.
bg-{color}-{variant}
.text-{color}-{variant}
.font-bold
, font-normal
.italic
.underline
, line-through
.uppercase
, lowercase
, capitalize
, snakecase
.truncate
.text-left
, text-center
, text-right
.m-{margin}
, ml-{leftMargin}
, mr-{rightMargin}
, mt-{topMargin}
, mb-{bottomMargin}
, mx-{horizontalMargin}
, my-{verticalMargin}
.p-{padding}
, pl-{leftPadding}
, pr-{rightPadding}
, pt-{topPadding}
, pb-{bottomPadding}
, px-{horizontalPadding}
, py-{verticalPadding}
.space-y-{space}
, space-x-{space}
.w-{width}
, w-full
, w-auto
.min-w-{width}
.max-w-{width}
.justify-between
, justify-around
, justify-evenly
, justify-center
.invisible
.block
, flex
, hidden
.flex-1
.list-disc
, list-decimal
, list-square
, list-none
.content-repeat-['.']
. Assim como o TailwindCSS, também oferecemos suporte a consultas de mídia de design responsivo e estes são os pontos de interrupção suportados:
sm
: 64 espaços (640px)md
: 76 espaços (768px)lg
: 102 espaços (1024px)xl
: 128 espaços (1280px)2xl
: 153 espaços (1536px) render (<<<'HTML'If bg is blue is sm, if red > than sm breakpoint.HTML);
Todos os tamanhos da CLI são baseados no tamanho da fonte 15.
Todos os elementos têm a capacidade de usar o atributo class
.
O elemento pode ser usado como um elemento do tipo bloco. Estilos padrão : block
render (<<<'HTML'
This is a div element.
HTML);
O elemento
pode ser usado como um parágrafo.
Estilos padrão : block
render (<<<'HTML'
This is a paragraph.
HTML);
O elemento
pode ser usado como um contêiner de texto embutido.
Termwind.
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
O elemento
pode ser usado como um hiperlink. Permite usar o atributo href
para abrir o link quando clicado.
Click here to open
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind. Click here to open
HTML);
e
Os elementos
e
podem ser usados para marcar o texto como negrito .
Estilos padrão : font-bold
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
e
Os elementos
e
podem ser usados para marcar o texto como itálico .
Estilos padrão : italic
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
O elemento
pode ser usado para adicionar um linha através o texto.
Estilos padrão : line-through
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
O elemento
pode ser usado para fazer uma quebra de linha.
render (<<<'HTML'
This is a CLI
app built with Termwind.
HTML);
O elemento
pode ser usado para uma lista não ordenada. Ele só pode aceitar elementos
como filhos; se houver outro elemento, ele lançará uma exceção InvalidChild
.
Estilos padrão : block
, list-disc
render (<<<'HTML'
Item 1
Item 2
HTML);
O elemento
pode ser usado para uma lista ordenada. Ele só pode aceitar elementos
como filhos; se houver outro elemento, ele lançará uma exceção InvalidChild
.
Estilos padrão : block
, list-decimal
render (<<<'HTML'
Item 1
Item 2
HTML);
O elemento
pode ser usado como um item de lista. Deve ser usado apenas como filho dos elementos
e
.
Estilos padrão : block
, list-decimal
render (<<<'HTML'
Item 1
HTML);
O elemento
pode ser usado para uma lista de descrição. Ele só pode aceitar elementos
ou
como filhos; se houver outro elemento, ele lançará uma exceção InvalidChild
.
Estilos padrão : block
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
O elemento
pode ser usado como título de descrição. Deve ser usado apenas como filho de elementos
.
Estilos padrão : block
, font-bold
render (<<<'HTML'
Termwind
HTML);
O elemento
pode ser usado como título de descrição. Deve ser usado apenas como filho de elementos
.
Estilos padrão : block
, ml-4
render (<<<'HTML'
Give your CLI apps a unique look
HTML);
O elemento
pode ser usado como uma linha horizontal.
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
O elemento pode ter colunas e linhas. render (<<<'HTML'
Task
Status
Termwind
Done
HTML);
O elemento
pode ser usado como texto pré-formatado.
render (<<<'HTML'
Text in a pre element
it preserves
both spaces and
line breaks
HTML);
O elemento
pode ser usado como marcador de código. Aceita atributos line
e start-line
.
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);"> render (<<<'HTML'
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);
Termwind é um software de código aberto licenciado sob a licença MIT .
Expandir
Informações adicionais
-
Versão
v2.3.0
-
Tipo
Outras categorias
-
Data da Última Atualização
2024-12-14
-
tamanho
50MB
-
Vindo de
Github
Aplicativos Relacionados
Recomendado para você
Informações Relacionadas
Todos
-
Tutorial gráfico de instalação do Dreamweaver2021
2024-12-17
-
Prática de projeto de implementação de troca legal de login usando HTML + CSS
2024-12-18
-
Implementação de efeitos especiais de tema de área de trabalho do Windows semelhantes a HTML
2024-12-18
-
4 maneiras de introduzir imagens SVG em páginas HTML
2024-12-18
-
O método de implementação específico de mesclagem de tabelas HTML
2024-12-18
-
Como adicionar links vazios a textos ou imagens do Dreamweaver
2024-12-17