Skip to content

Commit abe0151

Browse files
V16: blog entry (#5383)
* V16: blog
1 parent c865b47 commit abe0151

File tree

3 files changed

+70
-0
lines changed

3 files changed

+70
-0
lines changed
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import Layout from "../../../components/layout";
2+
import { Meta } from "../../../components/blog";
3+
import metadata from "./metadata.json";
4+
5+
export default Layout;
6+
7+
<Meta data={metadata} />
8+
9+
# Base Web v16 Released
10+
11+
After more than a year since our last update, we're releasing Base Web v16 with refreshed designs for Button, Button Group, and Tag components, plus a new Tag Group component.
12+
13+
We remain committed to maintaining the external codebase and documentation site, and we'll keep sharing updates and new features as they become available.
14+
15+
## Refreshed Button, Button Group, and Tag
16+
17+
Button, Button Group, and Tag components have updated designs with better visual consistency and improved accessibility. Your existing code continues to work without changes.
18+
19+
## New Tag Group Component
20+
21+
Tag Group simplifies managing multiple tags with built-in validation, and keyboard support.
22+
23+
```jsx
24+
import { TagGroup } from "baseui/tag-group";
25+
26+
function MyComponent() {
27+
const [tags, setTags] = React.useState(["Design", "React", "UI"]);
28+
return <TagGroup tags={tags} onChange={setTags} />;
29+
}
30+
```
31+
32+
## Upgrade
33+
34+
```bash
35+
npm install baseui@^16.0.0
36+
```
37+
38+
Check out the [Button](/components/button), [Button Group](/components/button-group), [Tag](/components/tag), and [Tag Group](/components/tag-group) documentation for details.
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"author": "Diana Suvorova",
3+
"authorLink": "https://github.com/diana.suvorova",
4+
"title": "What's new in Base Web 16?",
5+
"tagline": "We are back with updates and new components",
6+
"date": "7 January 2026",
7+
"coverImage": "https://user-images.githubusercontent.com/5317799/160484160-c3de4f21-c4bd-4978-b39a-7c5c677b449f.png",
8+
"coverImageWidth": 960,
9+
"coverImageHeight": 575,
10+
"keyWords": [
11+
"Base Web",
12+
"Design System",
13+
"React",
14+
"v16",
15+
"Button",
16+
"Tag",
17+
"Tag Group"
18+
]
19+
}

documentation-site/posts.jsx

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,17 @@
11
const posts = [
2+
{
3+
path: "/blog/base-web-v16",
4+
author: "Diana Suvorova",
5+
authorLink: "https://github.com/diana.suvorova",
6+
title: "What's new in Base Web 16?",
7+
tagline: "We are back with updates and new components",
8+
date: "7 January 2026",
9+
coverImage:
10+
"https://user-images.githubusercontent.com/5317799/160484160-c3de4f21-c4bd-4978-b39a-7c5c677b449f.png",
11+
coverImageWidth: 960,
12+
coverImageHeight: 575,
13+
keyWords: ["Base Web", "Design System", "React", "v16", "Button", "Tag", "Tag Group"],
14+
},
215
{
316
path: "/blog/file-uploader",
417
author: "Emerson Pfeiffer",

0 commit comments

Comments
 (0)