Merge pull request #169 from k4m1/feat/type-interfaces

feat: added Tab(s), TabsContent interace & exports

Author: Florian-Schoenherr

packages/svelte-materialify/@types/Tab.d.ts

@@ -0,0 +1,12 @@
+import { SvelteComponent } from './shared';
+
+export interface TabProps {
+  class?: string;
+  value?: any;
+  activeClass?: string;
+  disabled?: boolean;
+}
+
+declare class Tab extends SvelteComponent<TabProps> {}
+
+export default Tab;

packages/svelte-materialify/@types/TabContent.d.ts

@@ -0,0 +1,10 @@
+import { SvelteComponent } from './shared';
+
+export interface TabContentProps {
+  class?: string;
+  style?: string;
+}
+
+declare class TabContent extends SvelteComponent<TabContentProps> {}
+
+export default TabContent;

packages/svelte-materialify/@types/Tabs.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from './shared';
+
+export interface TabsProps {
+  class?: string;
+  value?: number;
+  centerActive?: boolean;
+  showArrows?: boolean;
+  fixedTabs?: boolean;
+  grow?: boolean;
+  centered?: boolean;
+  right?: boolean;
+  icons?: boolean;
+  slider?: boolean;
+  sliderClass?: string;
+  ripple?: any;
+  vertical?: boolean;
+}
+
+declare class Tabs extends SvelteComponent<TabsProps> {}
+
+export default Tabs;

packages/svelte-materialify/@types/index.d.ts

@@ -42,6 +42,9 @@ export { default as Slider } from './Slider';
 export { default as Snackbar } from './Snackbar';
 export { default as Subheader } from './Subheader';
 export { default as Switch } from './Switch';
+export { default as Tab } from './Tab';
+export { default as Tabs } from './Tabs';
+export { default as TabContent } from './TabContent';
 export { default as Textarea } from './Textarea';
 export { default as TextField } from './TextField';
 export { default as Tooltip } from './Tooltip';

packages/svelte-materialify/src/components/Tabs/Tab.svelte

@@ -15,7 +15,7 @@
   export { klass as class };
   export let value = ITEM.index();
   export let activeClass = ITEM.activeClass;
-  export let disabled = null;
+  export let disabled = false;
 
   let active;
   ITEM.register((values) => {

packages/svelte-materialify/src/components/Tabs/TabContent.svelte

@@ -3,7 +3,7 @@
 
   let klass = '';
   export { klass as class };
-  export let style = null;
+  export let style = '';
 </script>
 
 <div class="s-tab-content {klass}" role="tabpanel" {style}>