Comments (4)
caendesilva
commented on July 26, 2024
1
cc @xiCO2k - this could be done with unicode chars.
Here's my super crude proof of concept, as I'm not sure how the library works under the hood. Result looks pretty smooth IMHO.
$width = 20;
$spacing = str_repeat(' ', $width);
$lines = str_repeat('─', $width);
$line1 = sprintf('<span class="text-blue-500">%s</span>',
str_replace(' ', ' ',
str_pad('Hello World!', $width, ' ', STR_PAD_BOTH)
)
);
render(<<<HTML
<div class="text-green-500">
<br>
╭{$lines}╮<br>
│{$spacing}│<br>
│{$line1}│<br>
│{$spacing}│<br>
╰{$lines}╯
<br>
</div>
HTML
);from termwind.
nunomaduro
commented on July 26, 2024
cc @xiCO2k - this could be done with unicode chars.
from termwind.
xiCO2k
commented on July 26, 2024
Yes, that is a good idea, @caendesilva if you want to take this one, go ahead.
from termwind.
caendesilva
commented on July 26, 2024
Yes, that is a good idea, @caendesilva if you want to take this one, go ahead.
I'll try it out, might take a little bit as I have to learn how the package works internally. I'll keep you posted.
from termwind.
Related Issues (20)
- Using `passthru()` produces jumbled output HOT 2
- Styles are not applied on iterm HOT 5
- Line-wrapped / nested elements don't behave as expected HOT 1
- Render unicode entities HOT 1
- Sentry Error on Laravel Vapor
- Flex with padding HOT 1
- Error when running `vendor:publish` in laravel HOT 3
- Is there a way to have a default answer for the ask() methods? HOT 3
- There's no output at all when an artisan call that uses termwind is called within a command that also uses termwind HOT 1
- Supported Colors Listing HOT 1
- Required the support of branching and looping HOT 3
- Fatal Error when running schedule:work HOT 2
- Overwrite previous render HOT 1
- a href doesn't work in Windows 10 console and under wsl HOT 6
- Disable output during tests HOT 4
- [Bug] Console output does not affect `--no-ansi` option HOT 1
- Add function to just return string output instead of echoing it. HOT 1
- Incorrect spaces count of East Asian characters.
- Missing after the last line space when inheriting the width on more of more than three lines.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from termwind.