diff --git a/packages/core/src/components/tabs2/_tabs2.scss b/packages/core/src/components/tabs2/_tabs2.scss deleted file mode 100644 index c5f2958279..0000000000 --- a/packages/core/src/components/tabs2/_tabs2.scss +++ /dev/null @@ -1,80 +0,0 @@ -// Copyright 2017 Palantir Technologies, Inc. All rights reserved. -// Licensed under the BSD-3 License as modified (the “License”); you may obtain a copy -// of the license at https://github.com/palantir/blueprint/blob/master/LICENSE -// and https://github.com/palantir/blueprint/blob/master/PATENTS - -/* -JavaScript API - -
-
Original `Tabs` API is deprecated since v1.11.0
- The original `Tabs` API has been deprecated in v1.11.0 favor of the simpler and more flexible - `Tabs2` API described below. Documentation for the deprecated components can be found - [further below](#components.tabs.deprecated). This API will replace the deprecated one in v2.0. -
- -
-
Advantages of new API
-

Only two components (`Tabs` and `Tab`) are needed, rather than the previous four.

-

Selection is managed by ID, rather than by index. This is more reliable and deterministic and - does not require translating between numbers and tab names. It does, however, require that - every `Tab` have a locally unique `id` prop.

-

Arbitrary elements are supported in the tab list, and order is respected. Yes, you can even - insert things _between_ `Tab`s.

-
- -The `Tabs2` and `Tab2` components are available in the __@blueprintjs/core__ -package. Make sure to review the [general usage docs for JS components](#components.usage). - -``` -import { Tab2, Tabs2 } from "@blueprintjs/core"; - - - } /> - } /> - } /> - } /> - - - -``` - -@react-example Tabs2Example - -Styleguide components.tabs.js -*/ - -/* -Tabs2 - -`Tabs2` is responsible for rendering the tab list and coordinating selection. It can be used in -controlled mode by providing `selectedTabId` and `onChange` props, or in uncontrolled mode by -optionally providing `defaultSelectedTabId` and `onChange`. - -Children of the `Tabs2` are rendered in order in the tab list, which is a horizontal flex row. -`Tab2` children are managed by the component; clicking one will change selection. Arbitrary other -children are simply rendered; interactions are your responsibility. Insert a `` -between any two children to right-align all subsequent children (or bottom-align when `vertical`). - -@interface ITabs2Props - -Styleguide components.tabs.js.tabs -*/ - -/* -Tab2 - -`Tab2` is a minimal wrapper with no functionality of its own—it is managed entirely by its -parent `Tabs2` wrapper. Tab title text can be set either via `title` prop or via React children -(for more complex content). - -The associated tab `panel` will be visible when the `Tab` is active. Omitting `panel` is perfectly -safe and allows you to control exactly where the panel appears in the DOM (by rendering it yourself -as needed). - -@interface ITab2Props - -Weight: 1 - -Styleguide components.tabs.js.tab -*/ diff --git a/packages/core/src/docs/variables.md b/packages/core/src/docs/variables.md index 52b14b483f..e53fcdcb49 100644 --- a/packages/core/src/docs/variables.md +++ b/packages/core/src/docs/variables.md @@ -2,9 +2,7 @@ Available for use with Sass and Less. -```css -@import "path/to/@blueprintjs/core/dist/variables"; -``` + @import "path/to/@blueprintjs/core/dist/variables"; The Sass `$` convention is used in this documentation for consistency with the original source code. Every variable mentioned below is also available in `variables.less` with an `@` prefix instead of `$`.