Merge pull request #1278 from gluestack/release/@gluestack-ui/themed@…

…1.0.5 Release/@gluestack UI/themed@1.0.5
gluestack · Oct 13, 2023 · a596cf7 · a596cf7
2 parents 9d667d3 + 0cc5e19
commit a596cf7
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 23 deletions.
diff --git a/packages/themed/README.md b/packages/themed/README.md
@@ -15,30 +15,24 @@ $ npm i @gluestack-ui/themed @gluestack-style/react react-native-svg@13.4.0
 
 ## Usage
 
-A button component is a graphical user interface element that enables users to act by clicking or tapping. It can be customized in size, shape, color, and behavior to fit the design of the application or website. Here's an example how to use this package to create one:
+A button component is a graphical user interface element that enables users to act by clicking or tapping. It can be customized in size, shape, color, and behavior to fit the design of the application or website. Here's an example:
 
 ```jsx
-import { createButton } from '@gluestack-ui/themed';
-import {
-  Root,
-  Text,
-  Group,
-  GroupHSpacer,
-  GroupVSpacer,
-  Spinner,
-  Icon,
-} from '@gluestack-ui/themed';
-
-export const Button = createButton({
-  Root,
-  Text,
-  Group,
-  GroupHSpacer,
-  GroupVSpacer,
-  Spinner,
-  Icon,
-});
+import { Button, GluestackUIProvider } from '@gluestack-ui/themed';
+import { config } from '@gluestack-ui/config';
+
+export default function App () {
+ return (
+    <GluestackUIProvider config={config}>
+     <Button>
+      <ButtonText>
+        Hello world!
+      </ButtonText>
+     <Button>
+    </GluestackUIProvider>
+  )
+}
 ```
 
 More guides on how to get started are available
-[here](https://ui.gluestack.io/).
+[here](https://gluestack.io/).
diff --git a/packages/themed/package.json b/packages/themed/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/themed",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "module": "build/index",