+
+ }
+ />
+
+
+ );
+}
diff --git a/pages/token/simple.page.tsx b/pages/token/simple.page.tsx
new file mode 100644
index 0000000000..0ba52ab3e1
--- /dev/null
+++ b/pages/token/simple.page.tsx
@@ -0,0 +1,218 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useState } from 'react';
+import { range } from 'lodash';
+
+import { Popover } from '~components';
+import Box from '~components/box';
+import Icon from '~components/icon';
+import Input from '~components/input';
+import TokenList from '~components/internal/components/token-list';
+import SpaceBetween from '~components/space-between';
+import Token from '~components/token';
+
+import styles from './styles.scss';
+
+const i18nStrings = {
+ limitShowMore: 'Show more chosen options',
+ limitShowFewer: 'Show fewer chosen options',
+};
+
+const LONG_LABEL = `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`;
+
+export default function GenericTokenPage() {
+ const [files, setFiles] = useState(range(0, 4));
+
+ const onDismiss = (itemIndex: number) => {
+ const newItems = [...files];
+ newItems.splice(itemIndex, 1);
+ setFiles(newItems);
+ };
+
+ return (
+
+