@material/tabs - npm Package Compare versions

Comparing version 0.40.0 to 0.40.1

package.json

		{
		"name": "@material/tabs",
		"version": "0.40.0",
		"version": "0.40.1",
		"description": "The Material Components for the web tabs component",
		@@ -19,9 +19,9 @@ "license": "MIT",
		"dependencies": {
		"@material/animation": "^0.39.0",
		"@material/base": "^0.39.0",
		"@material/ripple": "^0.40.0",
		"@material/rtl": "^0.39.1",
		"@material/theme": "^0.40.0",
		"@material/typography": "^0.39.0"
		"@material/animation": "^0.40.1",
		"@material/base": "^0.40.1",
		"@material/ripple": "^0.40.1",
		"@material/rtl": "^0.40.1",
		"@material/theme": "^0.40.1",
		"@material/typography": "^0.40.1"
		}
		}

README.md

		@@ -52,3 +52,16 @@ <!--docs:

		### Icons

		We recommend using [Material Icons](https://material.io/tools/icons/) from Google Fonts:

		```html
		<head>
		<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
		</head>
		```

		However, you can also use SVG, [Font Awesome](https://fontawesome.com/), or any other icon library you wish.

		#### Tab Bar with text labels

		```html
		@@ -64,2 +77,3 @@ <nav id="basic-tab-bar" class="mdc-tab-bar">
		#### Tab Bar with icon labels

		```html
		@@ -81,2 +95,3 @@ <nav class="mdc-tab-bar mdc-tab-bar--icon-tab-bar">
		#### Tab Bar with icon and text labels

		```html
		@@ -138,3 +153,2 @@ <nav id="icon-text-tab-bar" class="mdc-tab-bar mdc-tab-bar--icons-with-text">


		### Dynamic view switching
		@@ -173,2 +187,3 @@
		#### Script:

		```js
		@@ -235,11 +250,15 @@ var dynamicTabBar = window.dynamicTabBar = new mdc.tabs.MDCTabBar(document.querySelector('#dynamic-tab-bar'));
		#### `mdc-tab-ink-color`

		Use this mixin to set the color of all ink on the tab.

		#### `mdc-tab-icon-ink-color`

		This mixin customizes the icon ink color.

		#### `mdc-tab-label-ink-color`

		This mixin customizes the label ink color.

		#### `mdc-tab-bar-indicator-ink-color`

		This mixin customizes the indicator ink color.
		@@ -269,3 +288,2 @@


		#### Including in code
		@@ -344,3 +362,2 @@


		### Using the JavaScript Tab Bar Scroller Component
		@@ -352,4 +369,2 @@



		#### Including in code
		@@ -468,5 +483,5 @@
		```

		This will create an instance of MDC Tab Bar during the initialization phase of Tab Bar Scroller.


		## Tab
		@@ -491,3 +506,2 @@


		### Using the Foundation Class
		@@ -498,3 +512,2 @@


		### Adapter API
		@@ -512,3 +525,2 @@


		### The full foundation API
		@@ -544,3 +556,2 @@


		## Tab Bar
		@@ -568,3 +579,2 @@


		### Using the Foundation Class
		@@ -576,3 +586,2 @@


		### Adapter API
		@@ -602,3 +611,2 @@


		### The full foundation API
		@@ -626,3 +634,2 @@


		## Tab Bar Scroller
		@@ -646,3 +653,2 @@


		### Adapter API
		@@ -679,3 +685,2 @@


		### The full foundation API
		@@ -682,0 +687,0 @@

dist/mdc.tabs.css