@radar-azdelta/svelte-Athena-search

We have created a component where we can search the Athena database for concepts. The reason for this component is so we can use this in other projects where we need to search the Athena database. The layout is based on the design of the webtool from Athena so that the users will have a familiar experience. It uses the @radar-azdelta/svelte-datatable package, which is an easy to use and fast table component.

Features

• Filter on domain, vocabulary, ...
• Sorting
• Filtering
• Bind custom actions to rows
• Can be used without configuration

Usage

Install the package

npm install @radar-azdelta/svelte-athena-search

Add the component to a Svelte page

<script lang="ts">
  import Search from '@radar-azdelta/svelte-Athena-search'
</script>

<Search />

Example

See the demo site

Manual

Properties

The Search component has the following optional properties

| Value | Description | Required | Default | | ---------------- | ---------------------------------------------------------------- | -------- | ------------------------------------ | | views | Create up to 2 extra screens to use in the Search component | no | [] | | globalFilter | A filter to set on a specific column | no | { column: 'all', filter: undefined } | | tableOptions | Extra options to give to the table (id, defaultColumnWidth, ...) | no | undefined | | height | Set a certain height for the component | no | 100% | | width | Set a certain width for the component | no | 100% | | fontSize | Set a certain font size for all the text in the component | no | 10px |