Termwind
Termwind le permite crear aplicaciones de línea de comandos PHP únicas y hermosas, utilizando la API CSS de Tailwind . En resumen, es como Tailwind CSS, pero para aplicaciones de línea de comandos PHP.
Requiere PHP 8.0+
Requerir 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()
La función style()
se puede utilizar para agregar estilos personalizados propios y también actualizar colores.
use function Termwind { style }; style ( ' green-300 ' )-> color ( ' #bada55 ' ); style ( ' btn ' )-> apply ( ' p-4 bg-green-300 text-white ' ); render ( 'Click me' );
ask()
La función ask()
se puede utilizar para hacer una pregunta al usuario.
use function Termwind { ask };
$ answer = ask ( <<
What is your name?
HTML );
La return
proporcionada por el método de pregunta será la respuesta proporcionada por el usuario.
terminal()
La función terminal()
devuelve una instancia de la clase Terminal, con los siguientes métodos:
->width()
: Devuelve el ancho completo del terminal.->height()
: Devuelve la altura completa del terminal.->clear()
: Borra la pantalla del terminal. Todas las clases admitidas utilizan exactamente la misma lógica que está disponible en 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-['.']
. Al igual que TailwindCSS, también admitimos consultas de medios de diseño responsivo y estos son los puntos de interrupción admitidos:
sm
: 64 espacios (640px)md
: 76 espacios (768px)lg
: 102 espacios (1024px)xl
: 128 espacios (1280px)2xl
: 153 espacios (1536px) render (<<<'HTML'If bg is blue is sm, if red > than sm breakpoint.HTML);
Todos los tamaños de la CLI se basan en el tamaño de fuente 15.
Todos los elementos tienen la capacidad de utilizar el atributo class
.
El elemento se puede utilizar como elemento de tipo bloque. Estilos predeterminados : block
render (<<<'HTML'
This is a div element.
HTML);
El elemento
se puede utilizar como párrafo.
Estilos predeterminados : block
render (<<<'HTML'
This is a paragraph.
HTML);
El elemento
se puede utilizar como contenedor de texto en línea.
Termwind.
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
El elemento
se puede utilizar como hipervínculo. Permite utilizar el atributo href
para abrir el enlace cuando se hace clic.
Click here to open
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind. Click here to open
HTML);
y
Los elementos
y
se pueden utilizar para marcar el texto como negrita .
Estilos predeterminados : font-bold
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
y
Los elementos
y
se pueden utilizar para marcar el texto como cursiva .
Estilos predeterminados : italic
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
El elemento
se puede utilizar para agregar un línea a través el texto.
Estilos predeterminados : line-through
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
El elemento
se puede utilizar para hacer un salto de línea.
render (<<<'HTML'
This is a CLI
app built with Termwind.
HTML);
El elemento
se puede utilizar para una lista desordenada. Solo puede aceptar elementos
como hijos; si se proporciona otro elemento, generará una excepción InvalidChild
.
Estilos predeterminados : block
, list-disc
render (<<<'HTML'
Item 1
Item 2
HTML);
El elemento
se puede utilizar para una lista ordenada. Solo puede aceptar elementos
como hijos; si se proporciona otro elemento, generará una excepción InvalidChild
.
Estilos predeterminados : block
, list-decimal
render (<<<'HTML'
Item 1
Item 2
HTML);
El elemento
se puede utilizar como elemento de lista. Sólo debe usarse como hijo de los elementos
y
.
Estilos predeterminados : block
, list-decimal
render (<<<'HTML'
Item 1
HTML);
El elemento
se puede utilizar para una lista de descripción. Solo puede aceptar elementos
o
como elementos secundarios; si se proporciona otro elemento, generará una excepción InvalidChild
.
Estilos predeterminados : block
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
El elemento
se puede utilizar como título de descripción. Sólo debe usarse como hijo de elementos
.
Estilos predeterminados : block
, font-bold
render (<<<'HTML'
Termwind
HTML);
El elemento
se puede utilizar como título de descripción. Sólo debe usarse como hijo de elementos
.
Estilos predeterminados : block
, ml-4
render (<<<'HTML'
Give your CLI apps a unique look
HTML);
El elemento
se puede utilizar como una línea horizontal.
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
El elemento puede tener columnas y filas. render (<<<'HTML'
Task
Status
Termwind
Done
HTML);
El elemento
se puede utilizar como texto preformateado.
render (<<<'HTML'
Text in a pre element
it preserves
both spaces and
line breaks
HTML);
El elemento
se puede utilizar como resaltador de código. Acepta atributos line
y 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 es un software de código abierto con licencia MIT .
Expandir
Información adicional
-
Versión
v2.3.0
-
Tipo
Otras categorias
-
Fecha de actualización
2024-12-14
-
tamaño
50MB
-
Proviene de
Github
Aplicaciones relacionadas
Recomendado para ti
Información relacionada
Todo
-
Tutorial gráfico de instalación de Dreamweaver2021
2024-12-17
-
Práctica de proyecto para implementar cambios de inicio de sesión interesantes utilizando HTML+CSS
2024-12-18
-
Implementación de efectos especiales de temas de escritorio de Windows similares a HTML
2024-12-18
-
4 formas de introducir imágenes svg en páginas web html
2024-12-18
-
El método de implementación específico de la fusión de tablas HTML
2024-12-18
-
Cómo agregar enlaces vacíos a texto o imágenes de Dreamweaver
2024-12-17