mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-05-08 02:43:06 -05:00
Code Issues Packages Projects Releases 171 Wiki Activity

clean up charts lib - 0.0.1 release

Browse Source
This commit is contained in:
Matthias Nannt
2022-12-02 15:28:36 +01:00
parent 03bd1107cf
commit 4a87ebbec3
4 changed files with 20 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/charts/README.md
+10
View File
@@ -1 +1,11 @@
# Visualize Formbricks Submissions with ease 📊
Visualize Formbricks Submissions within your own React applications.
```jsx
<Bar submissions={submissions} schema={schema} fieldName="fieldToVisualize" />
```
<img width="759" alt="Screenshot 2022-12-02 at 14 34 38" src="https://user-images.githubusercontent.com/675065/205304571-a3963f40-4aae-4820-9c35-cc12223a3bed.png">
The submissions need to be in the format of Formbricks Submissions and the schema has to be a Formbricks Schema. Find more about them in our [docs](https://formbricks.com/docs).
packages/charts/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@formbricks/charts",
"version": "0.0.0",
"version": "0.0.1",
"author": "Formbricks <hola@formbricks.com>",
"description": "Visualize Formbricks Form Data with ease",
"homepage": "https://formbricks.com",
packages/charts/src/styles.css
-54
View File
@@ -1,57 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
.formbricks-form {
@apply space-y-3;
}
.formbricks-label {
@apply text-base font-medium text-gray-700 font-sans sm:text-sm;
}
button.formbricks-input {
@apply my-2 inline-flex items-center rounded-md border border-transparent bg-slate-600 px-3 py-2 text-base font-medium leading-4 text-white shadow-sm hover:bg-slate-700 focus:outline-none focus:ring-2 focus:ring-slate-500 focus:ring-offset-2 sm:text-sm;
}
input[type="text"].formbricks-input,
input[type="number"].formbricks-input,
input[type="email"].formbricks-input,
input[type="password"].formbricks-input,
input[type="search"].formbricks-input,
input[type="tel"].formbricks-input,
input[type="url"].formbricks-input {
@apply form-input text-base block rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm;
}
input[type="radio"].formbricks-input {
@apply h-4 w-4 border-gray-300 text-slate-600 focus:ring-slate-500 mr-2;
}
textarea.formbricks-input {
@apply form-textarea text-base font-sans block rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm;
}
.formbricks-help {
@apply font-sans text-base sm:text-sm text-gray-500;
}
.formbricks-prefix-icon {
@apply font-sans inline h-4 w-4 -ml-1 mr-2;
}
.formbricks-messages {
@apply m-0 p-0 list-none;
}
.formbricks-message {
@apply font-sans text-base sm:text-sm text-red-500;
}
.formbricks-legend {
@apply text-base font-medium text-gray-700 font-sans sm:text-sm;
}
.formbricks-fieldset {
@apply border-gray-50 rounded-lg max-w-md;
}