react-tailwind-table 1.1.0 → 1.1.2

package/README.md

@@ -64,13 +64,13 @@ A tailwind project would just need to import the react component using `import T
 
 ### None Tailwind Project
 None tailwind users can import this component in any react project of choice, no matter if they are using a css library or not. This can easily be achieved with two lines of code.
-`import Table from 'react-tailwind-table'` and `import 'react-tailwind-table/index.css'`
+`import Table from 'react-tailwind-table'` and `import 'react-tailwind-table/dist/index.css'`
 
 ```tsx
 import React, { Component } from 'react'
 
 import Table from 'react-tailwind-table';
-import 'react-tailwind-table/index.css';
+import 'react-tailwind-table/dist/index.css';
 
 class Example extends Component {
   render() {
@@ -98,7 +98,7 @@ interface Iprop {
 	columns: Icolumn[],
 	per_page?: number, 
    table_header?: string,
-	no_content_text?: string, 
+	no_content_text?: React.ReactNode, 
 	debounce_search?: number,
 	show_search?: boolean,
 	should_export?: boolean,
@@ -298,7 +298,13 @@ type searchCallback = (search_word: string, result?: Irow[] | []) => void
 
 ### No Content Message
 
-When there is no data to display (rows props is empty), the `No Data Availaible` text is shown. The `no_content_text` props controls the text.
+When there is no data to display (rows props is empty), the `No Data Availaible` text is shown. The `no_content_text` prop controls what is shown. It accepts anything React can render: a string, a number, or a React element such as a component:
+
+```jsx
+<Table columns={columns} rows={[]} no_content_text="Nothing to see here" />
+
+<Table columns={columns} rows={[]} no_content_text={<EmptyState />} />
+```
 
 
 ### Hide Search
@@ -430,7 +436,7 @@ interface ItableStyle {
 
 import React from 'react'
 import Table from 'react-tailwind-table'
-import 'react-tailwind-table/index.css' //use for a non tailwind project
+import 'react-tailwind-table/dist/index.css' //use for a non tailwind project
 
 
 class App extends React.Component {