0.10.2 • Published 18 days ago
@baldeweg/ui v0.10.2
@baldeweg/ui
UI Components
Requirements
- NodeJS
- Yarn
Get Started
Install the package with the following command.
yarn add @baldeweg/ui
Then you can add this to your main.js
.
import { createUi } from '@baldeweg/ui'
import '@baldeweg/ui/styles'
const ui = createUi()
app.use(ui)
Example Layout
<BApp id="app">
<BContainer size="m">
<p>Content</p>
</BContainer>
</BApp>
The defaults for CSS properties can be overridden.
html {
/* Primary Colors */
--color-primary-10: #0000ff;
--color-primary-05: #8b8bff;
--color-primary-00: #e7e7ff;
/* Neutral Colors */
--color-neutral-10: #333333;
--color-neutral-08: #4f4f4f;
--color-neutral-06: #828282;
--color-neutral-04: #b8b8b8;
--color-neutral-02: #cbcbcb;
--color-neutral-00: #ffffff;
/* Accent Colors */
--color-accent-red-10: #ff0000;
--color-accent-red-05: #ff7373;
--color-accent-red-00: #ffe7e7;
--color-accent-green-10: #00ff00;
--color-accent-green-05: #8bff8b;
--color-accent-green-00: #e7ffe7;
--color-accent-yellow-10: #f1d302;
--color-accent-yellow-05: #f8eb8c;
--color-accent-yellow-00: #fdfbe8;
/* Fonts */
--font-sans: 'Open Sans', 'Liberation Sans', 'Helvetica Neue', Arial;
--font-serif: Georgia, Constantia, 'DejaVu Serif', 'Times New Roman';
--font-monospace: Consolas, 'Liberation Mono', 'Lucida Console';
/* Misc */
--masthead-top-height: 50px;
--bottom-nav-height: 60px;
}
Components
Composables
0.10.2
18 days ago
0.10.0
19 days ago
0.9.8
2 months ago
0.9.7
3 months ago
0.9.6
5 months ago
0.9.4
7 months ago
0.9.3
8 months ago
0.9.5
6 months ago
0.9.1
9 months ago
0.8.2
11 months ago
0.7.2
1 year ago
0.7.0
1 year ago
0.7.0-alpha.1
2 years ago
0.7.0-alpha.0
2 years ago
0.7.0-alpha.2
2 years ago
0.6.3
2 years ago
0.6.2
2 years ago
0.6.5
2 years ago
0.6.4
2 years ago
0.6.1
2 years ago
0.6.0
2 years ago
0.2.1
2 years ago
0.5.0
2 years ago
0.4.1
2 years ago
0.2.2
2 years ago
0.5.1
2 years ago
0.4.2
2 years ago
0.3.0
2 years ago
0.2.0
2 years ago
0.3.5
2 years ago
0.3.2
2 years ago
0.1.4
2 years ago
0.3.1
2 years ago
0.3.4
2 years ago
0.3.3
2 years ago
0.1.5
2 years ago
0.1.3
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago