diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 5bc1429..b5220ce 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -46,4 +46,4 @@ const Button: FC<ButtonProps> = ({
 }
 
 export default Button
-
+export type { ButtonType, LabelType }
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index 6c60106..aa0b36c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,22 +1,48 @@
 import { Button } from './components';
-import React from 'react';
+import React, { useState } from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.scss'
+import { ButtonType, LabelType } from 'components/Button/Button';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
 
-root.render(
-  <React.StrictMode>
+function ButtonsBlock() {
+  const [title, settitle] = useState('button')
+  const [labelType, setlabelType] = useState<LabelType>('uppercase')
+  const [rounded, setrounded] = useState(false)
+  const [short, setshort] = useState(false)
+  const [type, settype] = useState<ButtonType>('filled')
+
+  return (
     <div className='app__block'>
       <h2>Buttons</h2>
-      <Button title='button' />
-      <Button title='button' type='outlined' />
-      <Button title='button' type='outlined' rounded />
-      <Button title='button' type='text' rounded />
-      <Button title='button' type='outlined' rounded labelType='capitalize' />
-      <Button title='button' type='outlined' rounded labelType='capitalize' short />
+      <Button
+        title={title}
+        labelType={labelType}
+        rounded={rounded}
+        short={short}
+        type={type}
+      />
+      <div className="app_controls">
+        <div>
+          <input value={title} onChange={(e) => settitle(e.target.value)} />
+        </div>
+        <div>
+          <input value={labelType} type='radio' title='uppercase' onChange={() => setlabelType('uppercase')} />
+          <input value={labelType} type='radio' title='capitalize' onChange={() => setlabelType('capitalize')} />
+        </div>
+        <div>
+          <input type='checkbox' onChange={() => setrounded(!rounded)} />
+        </div>
+      </div>
     </div>
+  )
+}
+
+root.render(
+  <React.StrictMode>
+    <ButtonsBlock />
   </React.StrictMode>
 );
\ No newline at end of file