@kaspersky/components
Version:
Kaspersky Design System UI Kit
6 lines (5 loc) • 2.42 kB
TypeScript
export declare const basicExample = "console.log(\"Hello, World!\")";
export declare const htmlExample = "<html>\n <head>\n <title>Href Attribute Example</title>\n </head>\n <body>\n <h1>Href Attribute Example</h1>\n <p>\n <a href=\"https://www.freecodecamp.org/contribute/\">The freeCodeCamp Contribution Page</a> shows you how and where you can contribute to freeCodeCamp's community and growth.\n </p>\n </body>\n</html>\n";
export declare const jsonExample = "{\n \"widget\": {\n \"debug\": \"on\",\n \"window\": {\n \"title\": \"Sample Konfabulator Widget\",\n \"name\": \"main_window\",\n \"width\": 500,\n \"height\": 500\n },\n \"text\": {\n \"data\": \"Click Here\",\n \"size\": 36,\n \"style\": \"bold\",\n \"name\": \"text1\",\n \"hOffset\": 250,\n \"vOffset\": 100,\n \"alignment\": \"center\",\n \"onMouseUp\": \"sun1.opacity = (sun1.opacity / 100) * 90;\"\n }\n }\n}";
export declare const xmlExample = "<manifest xmlns:android=\"http://schemas.android.com/apk/res/android\"\n package=\"com.javatpoint.hello\"\n android:versionCode=\"1\"\n android:versionName=\"1.0\" >\n\n <uses-sdk\n android:minSdkVersion=\"8\"\n android:targetSdkVersion=\"15\" />\n\n <application\n android:icon=\"@drawable/ic_launcher\"\n android:label=\"@string/app_name\"\n android:theme=\"@style/AppTheme\" >\n <activity\n android:name=\".MainActivity\"\n android:label=\"@string/title_activity_main\" >\n <intent-filter>\n <action android:name=\"android.intent.action.MAIN\" />\n\n <category android:name=\"android.intent.category.LAUNCHER\" />\n </intent-filter>\n </activity>\n </application>\n\n</manifest>\n";
export declare const tsxExample = "import React, { FC, useState } from \"react\";\n\ninterface Props {\n title: string;\n initialCount: number;\n}\n\nconst FunctionalCounter: FC<Props> = ({ title, initialCount }) => {\n const [count, setCount] = useState(initialCount);\n\n const add = (factor = 1) => {\n setCount(count + factor);\n };\n\n return (\n <div>\n <h1>{title}</h1>\n <h2>{count}</h2>\n <button onClick={() => add()}>+</button>\n <button onClick={() => add(-1)}>-</button>\n </div>\n );\n};\n\nexport default FunctionalCounter;\n";