websemantics/super-tiny-splitpane
Fork: 3 Star: 7 (更新于 2024-05-28 00:20:40)
license: MIT
Language: JavaScript .
Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts
最后发布版本: 1.1.0 ( 2017-05-16 03:15:17)
╭─╮ ┬ ┬ ╭─╮ ╭─╮ ┬─╮ ╭┬╮ ┬ ╭╮╭ ╭─╮ ╭─╮ ╭─╮ ┬ ┬ ╭┬╮ ╭─╮ ╭─╮ ╭╮╭ ╭─╮
╰─╮ │ │ ├─╯ ├┤ ├┬╯ │ │ │││ ├┤ ╰─╮ ├─╯ │ │ │ ├─╯ ├─┤ │││ ├┤
╰─╯ ╰─╯ ┴ ╰─╯ ┴╰─ ┴ ┴ ╯╰╯ ╰─╯ ╰─╯ ┴ ┴─╯ ┴ ┴ ┴ ┴ ┴ ╯╰╯ ╰─╯
Under 2kb and without dependencies
Bare minimum implementation of a Splitpane UI with support for horizontal and vertical layouts.
Getting Started
- Include
splitpane.js
in an html page,
<script src="splitpane.js"></script>
- Add the following markup,
<div class="splitpane"> <!-- for vertical splitpane add `vertical` -->
<div style="width: 50%"></div> <!-- class and set `height` of first child -->
<div class="handle"></div>
<div></div>
</div>
- Finally, include style rules,
html, body { height: 100% }
.splitpane {width: 100%; height: 100% }
.handle {background-color: lightgrey; }
.handle:hover {background-color: grey }
More Examples
Support
Need help or have a question? post a questions at StackOverflow
Please don't use the issue trackers for support/questions.
Contribution
More than happy to accept external contributions to the project in the form of feedback, bug reports and even better - pull requests :)
License
MIT license Copyright (c) Web Semantics, Inc.
最近版本更新:(数据更新于 2024-05-07 05:10:46)
2017-05-16 03:15:17 1.1.0
websemantics/super-tiny-splitpane同语言 JavaScript最近更新仓库
2024-06-22 08:38:28 sveltejs/svelte
2024-06-20 17:48:22 4ian/GDevelop
2024-06-18 06:07:40 langflow-ai/langflow
2024-06-15 01:21:11 serverless/serverless
2024-06-12 01:17:57 gchq/CyberChef
2024-06-10 00:52:39 pedroslopez/whatsapp-web.js