@radar-azdelta/svelte-athena-search NPM

@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