SPSTRAP Document API

Tooltip

Preview icon - xs

<table class="sp--table" gap="3xl" solid="light-nude">
                                <tbody>
                                    <tr>
                                        <td>
                                            <button 
                                                tooltip-label="top-left"
                                                tooltip-position="top-left">top-left</button>
                                        </td>
                                        <td>
                                            <button 
                                                tooltip-label="top"
                                                tooltip-position="top">top</button>
                                        </td>
                                        <td>
                                            <button 
                                                tooltip-label="top-right"
                                                tooltip-position="top-right">top-right</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <button 
                                                tooltip-label="left"
                                                tooltip-position="left">left</button>
                                        </td>
                                        <td>-</td>
                                        <td>
                                            <button 
                                                tooltip-label="right"
                                                tooltip-position="right">right</button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <button 
                                                tooltip-label="bottom-left"
                                                tooltip-position="bottom-left">bottom-left</button>
                                        </td>
                                        <td>
                                            <button 
                                                tooltip-label="bottom"
                                                tooltip-position="bottom">bottom</button>
                                        </td>
                                        <td>
                                            <button 
                                                tooltip-label="bottom-right"
                                                tooltip-position="bottom-right">bottom-right</button>
                                        </td>
                                    </tr>
                                </tbody>                                
                            </table>

Attribute

name	description
tooltip-label	툴팁의 컨텐츠
tooltip-position	툴팁의 포지션