0.7.25 • Published 2 years ago
bananallama-ui v0.7.25
BananaLlama Ui
npm i bananallama-ui
Description
A simple and accessible Vue 3 UI Library with customizable styles
Features
The following elements are available to use
- Rich text element (Powered by TipTap)
- Text/Number input
- Radio buttons
- Checkboxes
- Select
- Textarea
- Color picker
Storybook
The Components can be viewed here
Usage
Styles
The default styles can be used by importing the following
Elements
import 'bananallama-ui/src/styles/index.scss';
Import the element you would like to use
import { BlInput } from 'bananallama-ui';
Add it to your <template>
and pass in the id
, value
, label
and the errors. See the errors object below.
<BlInput
id="example-id"
v-model="value"
label="Example label"
:errors="errors"
/>
The errors
prop takes an array as an argument. Each entry is an error message that has been created while the user fired the @input
event. If the object is empty, no errors will display.
const errors: [
{
message: "Too many characters"
},
{
message: "Some error from the BE perhaps"
}
]
0.7.24
2 years ago
0.7.23
2 years ago
0.7.25
2 years ago
0.7.2
2 years ago
0.7.1
2 years ago
0.7.0
2 years ago
0.6.6
2 years ago
0.6.3
2 years ago
0.6.5
2 years ago
0.6.4
2 years ago
0.6.2
2 years ago
0.6.1
2 years ago
0.6.0
2 years ago
0.5.0
2 years ago
0.4.0
2 years ago
0.3.0
2 years ago
0.2.2
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.0
2 years ago