chore: add button baseline sample

public-ui · Oct 30, 2023 · 1d542e2 · 1d542e2
1 parent 73d3842
commit 1d542e2
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 51 deletions.
diff --git a/packages/samples/react/src/components/button/button-baselined.tsx b/packages/samples/react/src/components/button/button-baselined.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import { KolButton } from '@public-ui/react';
+
+import { FC } from 'react';
+
+export const ButtonBaselined: FC = () => (
+	<div className="inline-block">
+		<KolButton _label="Label-Text"></KolButton>
+		<KolButton _label="Label-Text"></KolButton>
+		<KolButton _label="Label-Text"></KolButton>
+		<KolButton _icons="codicon codicon-reactions" _label="Label-Text with Icon"></KolButton>
+	</div>
+);
diff --git a/packages/samples/react/src/components/button/routes.ts b/packages/samples/react/src/components/button/routes.ts
@@ -8,6 +8,7 @@ import { ButtonIcons } from './icons';
 
 import { ButtonWidth } from './width';
 import { ButtonAccessKey } from './access-key';
+import { ButtonBaselined } from './button-baselined';
 
 export const BUTTON_ROUTES: Routes = {
 	button: {
@@ -16,5 +17,6 @@ export const BUTTON_ROUTES: Routes = {
 		icons: ButtonIcons,
 		width: ButtonWidth,
 		'access-key': ButtonAccessKey,
+		'button-baselined': ButtonBaselined,
 	},
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml