diff --git a/examples/specimens/SpecimenGroup.vue b/examples/specimens/SpecimenGroup.vue index df263b8..fbcd9d6 100644 --- a/examples/specimens/SpecimenGroup.vue +++ b/examples/specimens/SpecimenGroup.vue @@ -1,6 +1,7 @@ + + diff --git a/src/Formulate.js b/src/Formulate.js index 4d80d20..168f32c 100644 --- a/src/Formulate.js +++ b/src/Formulate.js @@ -23,6 +23,7 @@ import FormulateInputButton from './inputs/FormulateInputButton.vue' import FormulateInputSelect from './inputs/FormulateInputSelect.vue' import FormulateInputSlider from './inputs/FormulateInputSlider.vue' import FormulateInputTextArea from './inputs/FormulateInputTextArea.vue' +import FormulateRepeatableProvider from './slots/FormulateRepeatableProvider.vue' /** * The base formulate library. @@ -51,13 +52,13 @@ class Formulate { FormulateInputButton, FormulateInputSelect, FormulateInputSlider, - FormulateInputTextArea + FormulateInputTextArea, + FormulateRepeatableProvider }, slotDefaults: { label: 'FormulateLabel', help: 'FormulateHelp', errors: 'FormulateErrors', - grouping: 'FormulateGrouping', repeatable: 'FormulateRepeatable', addMore: 'FormulateAddMore' }, diff --git a/src/FormulateGrouping.vue b/src/FormulateGrouping.vue index 25d4f78..b27ddf4 100644 --- a/src/FormulateGrouping.vue +++ b/src/FormulateGrouping.vue @@ -3,13 +3,15 @@ name="grouping" :context="context" > - - + + + + + + + + + diff --git a/test/unit/Formulate.test.js b/test/unit/Formulate.test.js index 7b140e5..596fb74 100644 --- a/test/unit/Formulate.test.js +++ b/test/unit/Formulate.test.js @@ -78,7 +78,8 @@ describe('Formulate', () => { 'FormulateInputButton', 'FormulateInputSelect', 'FormulateInputSlider', - 'FormulateInputTextArea' + 'FormulateInputTextArea', + 'FormulateRepeatableProvider' ] const registry = [] function Vue () {} diff --git a/themes/snow/_inputs.scss b/themes/snow/_inputs.scss index be746de..935cb00 100644 --- a/themes/snow/_inputs.scss +++ b/themes/snow/_inputs.scss @@ -42,9 +42,10 @@ } .formulate-input-group-item { - padding-bottom: 1.5em; margin-bottom: 1.5em; - border-bottom: 1px solid $formulate-gray; + padding: 1.5em; + border: 1px solid $formulate-gray; + border-radius: .25em; &:last-child { margin-bottom: 1.5em;